Skip to content

A react button component to easily generate csv downloads of your json data. ✨

License

Notifications You must be signed in to change notification settings

coston/react-json-to-csv

Repository files navigation

⌗ react-json-to-csv

A react button component to easily generate csv downloads of your json data. ✨

npm package version  npm downloads  code style: prettier

Live Demo

https://react-json-to-csv.coston.io

Features

  • Create a csv download from json data
  • Lightweight
  • Easy to use
  • optional filename

Install

Install with npm:

npm i react-json-to-csv

Or load from a CDN:

<script src="https://cdn.jsdelivr.net/npm/react-json-to-csv" />

Example Usage

import CsvDownloadButton from 'react-json-to-csv'
...

<CsvDownloadButton data={mockData} />

Props

# Property Type Requirement Default Description
1 data [] required array of objects
2 filename string optional "export.csv" The filename. The .csv extention will be edded if not included in file name
3 delimiter string optional ";" fields separator
4 headers string[] optional provided data object keys List of columns that will be used in the final CSV file.

Typescript Support

Install types with npm

npm i --save-dev @types/react-json-to-csv

Contributing

Please help provide good data faster! Submit any issues and/or make a pull request!

About

A react button component to easily generate csv downloads of your json data. ✨

Resources

License

Stars

Watchers

Forks

Packages

No packages published