⌗ react-json-to-csv

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

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!