React Excel Exporter

Library for exporting data to Excel made with React and ViteJS.

Installation

• If you are usign yarn:

1yarn add react-excel-exporter

• If you are usign npm:

1npm install react-excel-exporter

ExcelFile Props

Prop	Type	Default	Required	Description
filename	string	null	true	Name of the excel file that will be downloaded
element	ReactNode	null	true	Element to download excel file
children	Array<ExcelSheet>	null	true	ExcelSheet Represents data

ExcelSheet Props

Prop	Type	Default	Required	Description
name	string	null	true	Sheet name in file
data	array<object>	null	true	Excel Sheet data
children	ExcelColumn	null	true	ExcelColumns

ExcelColumn Props

Prop	Type	Default	Required	Description
name	string	null	true	Column name in file
value	string or function	null	true	Property name to access value

Code Example

1import { ExcelFile, ExcelColumn, ExcelSheet } from 'react-excel-exporter'
2
3function App() {
4  return (
5      <ExcelFile
6        element={
7          <button>
8            download
9          </button>
10        }
11        filename="excel-colors"
12      >
13        <ExcelSheet 
14          name="Colors" 
15          data={[
16            {
17              name: 'Blue',
18              is_dark: false,
19            },
20            {
21              name: 'Yellow',
22              is_dark: false
23            },
24            {
25              name: 'Pink',
26              is_dark: false,
27            },
28            {
29              name: 'Black',
30              is_dark: true
31            },
32          ]}
33        >
34          <ExcelColumn label="Name" value="name" />
35          <ExcelColumn label="Color Dark" value={(col) => col.is_dark ? "Yes" : "False"} />
36        </ExcelSheet>
37      </ExcelFile>
38  )
39}