Sections
The React Excel Viewer is the core spreadsheet preview for XLSX workbooks, financial models, imports, exports, schedules, and operational reports.
Installation
First configure the style-aware registry in
components.json. Its URL must include {style} so the CLI installs the
Base UI or Radix version that matches your project.
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 |
fileName | string | - | No |
isDark | boolean | - | Yes |
onIsDarkChange | (isDark: boolean) => void | - | Yes |
src | string | - | No |