react-csv-creator

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>