November Perfect Moustache
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-csv-creator

1.1.0 • Public • Published

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>

Keywords

none

install

npm i react-csv-creator

Downloadsweekly downloads

76

version

1.1.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability