Skip to content
GRID Editor

GRID Editor

A lightweight spreadsheet editor component for React, powered by the Apiary spreadsheet engine. Install as @grid-is/editor-react.

Quick Example

Section titled “Quick Example”
import { SpreadsheetEditor } from "@grid-is/editor-react";


function App() {
  const model = /* your Model instance */;


  return (
    <div style={{ width: "100vw", height: "100vh" }}>
      <SpreadsheetEditor model={model} />
    </div>
  );
}

Interactive Demo

Section titled “Interactive Demo”

Next Steps

Section titled “Next Steps”

Installation

Install the package with npm or pnpm and get started quickly.

Learn more →

Loading Spreadsheets

Learn how to create a Model from Excel files.

Learn more →

Reference

Explore all available props and type definitions.

Learn more →