The React Excel Editor is an experimental spreadsheet editing surface built on top of @extend-ai/react-xlsx. It keeps the viewer shell familiar while enabling direct XLSX workbook mutations through the package editing API.
Installation
pnpm dlx shadcn@latest add @extend/xlsx-editor
Useful behaviors
- Formula bar shows the selected cell's formula, or its display value when no formula is present.
- Undo, redo, merge, unmerge, sheet add/remove, and export are wired through
react-xlsxediting APIs. - Sheet tabs, workbook loading, upload, zoom, table sorting, and dark workbook rendering match the Excel Viewer.
- Large workbooks automatically fall back to read-only behavior above the editor threshold.
API Reference
XlsxEditorPreview
The XlsxEditorPreview component renders an editable Excel workbook with upload, theme, zoom, formula editing, sheet controls, and export.
| Prop | Type | Default | Required |
|---|---|---|---|
className | string | - | No |
defaultIsDark | boolean | false | No |
fileName | string | - | No |
isDark | boolean | - | No |
onIsDarkChange | (isDark: boolean) => void | - | No |
rounded | boolean | false | No |
src | string | - | No |