npm.io
1.1.0 • Published 4 years ago

artree-react-csv-creator

Licence
MIT
Version
1.1.0
Deps
0
Size
10 kB
Vulns
0
Weekly
0
Stars
5

react-csv-creator

A react component for downloading data into a csv file.

npm

Development utilizes storybook and based on react-storybook-boilerplate.

running

$ npm i
$ npm start
packaging
$ npm run build
$ npm publish
props
Name Type Default Required Description
disabled bool false false Disable the downloading of the csv
headers array object null false Header's names
filename string current time false The filename without extension. Defaults to current date/time
noHeader bool false false If true, will omit the header from the file
rows array object null true The main data for the csv
text string null false The text to use if no children component
Usage
import CsvCreator from 'react-csv-creator';

const headers = [{
  id: 'first',
  display: 'First column'
}, {
  id: 'second',
  display: 'Second column'
}];

const rows = [{
  first: 'foo',
  second: 'bar'
}, {
  first: 'foobar',
  second: 'foobar'
}];

<CsvCreator
  filename='my_cool_csv'
  headers={headers}
  rows={rows}
>
  <p>Download CSV</p>
</CsvCreator>