Skip to main content

Getting Start with React

Installation and First Component​

Installation​

To start install sheet packages:

@sheetxl/common, @sheetxl/models, @sheetxl/io, @sheetxl/common-react, @sheetxl/grid, @sheetxl/sheet-react, @sheetxl/sheet-mui

And additional peer dependencies unless you already have these in your project.

  • @mui/icons-material, @mui/material - Material UI
  • @emotion/react, @emotion/styled - CSS-in-JSS Styling (Material UI dependency)
  • react, react-dom - React
  • date-fns - Date parsing/formatting
yarn add @sheetxl/common @sheetxl/models @sheetxl/io @sheetxl/common-react @sheetxl/grid @sheetxl/sheet-react @sheetxl/sheet-mui @mui/icons-material @mui/material @emotion/react @emotion/styled react react-dom date-fns

Once installed SheetXL components can be used as any React component.

First Component​

Copy below or edit @CodeSandbox-StandaloneWorkbook