The React Excel Viewer is the core spreadsheet preview for XLSX workbooks, financial models, imports, exports, schedules, and operational reports.
Installation
pnpm dlx shadcn@latest add @extend/xlsx-viewer
Useful behaviors
- Sheet tabs, grid virtualization, column resizing, and frozen rows or columns.
- Formula/value display modes and formatted cell rendering.
- Search across sheets and cell ranges.
- Optional metadata for workbook properties, hidden sheets, and named ranges.
API Reference
XlsxViewerPreview
The XlsxViewerPreview component renders an Excel workbook with upload, theme, zoom, sheet navigation, and grid controls around the @extend-ai/react-xlsx viewer.
| 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 |