component---docz-index-mdx-473152bc17ab119d2de3.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{y2NO:function(e,t,a){"use strict";a.r(t),a.d(t,"_frontmatter",(function(){return s})),a.d(t,"default",(function(){return o}));var r=a("Fcif"),n=a("+I+c"),c=a("/FXl"),b=a("TjRS"),s=(a("aD51"),{});void 0!==s&&s&&s===Object(s)&&Object.isExtensible(s)&&!s.hasOwnProperty("__filemeta")&&Object.defineProperty(s,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"docz/index.mdx"}});var p={_frontmatter:s},i=b.a;function o(e){var t=e.components,a=Object(n.a)(e,["components"]);return Object(c.b)(i,Object(r.a)({},p,a,{components:t,mdxType:"MDXLayout"}),Object(c.b)("h1",{id:"react-csv-reader"},"react-csv-reader"),Object(c.b)("p",null,Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"https://www.npmjs.com/package/react-csv-reader"}),Object(c.b)("img",{alt:"npm version",src:"https://img.shields.io/github/package-json/v/nzambello/react-csv-reader"})),"\n",Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"https://www.npmjs.com/package/react-csv-reader"}),Object(c.b)("img",{alt:"npm",src:"https://img.shields.io/npm/dt/react-csv-reader"})),"\n",Object(c.b)("img",{alt:"Node.js CI",src:"https://github.com/nzambello/react-csv-reader/workflows/Node.js%20CI/badge.svg?branch=master"}),"\n",Object(c.b)("img",{alt:"a11y axe",src:"https://img.shields.io/badge/a11y-tested-brightgreen"}),"\n",Object(c.b)("img",{alt:"TypeScript Support",src:"https://img.shields.io/badge/TypeScript-Support-blue"})),Object(c.b)("p",null,"React component that handles csv file input.",Object(c.b)("br",{parentName:"p"}),"\n","It handles file input and returns its content as a matrix."),Object(c.b)("p",null,"You can try it out in the ",Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"/react-csv-reader/usage#playground"}),"playground")," or in the ",Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"https://codesandbox.io/s/react-csv-reader-vtull"}),"demo on Codesandbox"),"."),Object(c.b)("h2",{id:"installation"},"Installation"),Object(c.b)("p",null,"Install the package with either yarn or npm."),Object(c.b)("p",null,"With yarn:"),Object(c.b)("pre",null,Object(c.b)("code",Object(r.a)({parentName:"pre"},{className:"language-sh"}),"yarn add react-csv-reader\n")),Object(c.b)("p",null,"With npm:"),Object(c.b)("pre",null,Object(c.b)("code",Object(r.a)({parentName:"pre"},{className:"language-sh"}),"npm install --save react-csv-reader\n")),Object(c.b)("h2",{id:"typescript-support"},"TypeScript support"),Object(c.b)("p",null,"For type definitions, see ",Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"https://github.com/nzambello/react-csv-reader/blob/master/src/index.tsx#L5"}),"here"),"."))}o&&o===Object(o)&&Object.isExtensible(o)&&!o.hasOwnProperty("__filemeta")&&Object.defineProperty(o,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"docz/index.mdx"}}),o.isMDXComponent=!0}}]);
//# sourceMappingURL=component---docz-index-mdx-473152bc17ab119d2de3.js.map