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
Default install location
The CLI installs Extend components in
components/extend by default, beneath the components alias in components.json.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 |
fileName | string | - | No |
isDark | boolean | - | Yes |
onIsDarkChange | (isDark: boolean) => void | - | Yes |
src | string | - | No |