react-csv-creator-jp
v1.1.1
Published
react-csv-creator --- A react component for downloading data into a csv file.
Downloads
4
Readme
react-csv-creator
A react component for downloading data into a csv file.
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>