@tableflow/react

The Open Source CSV Importer

Docs | Slack | Twitter | Website

Getting Started

1. Install the TableFlow React SDK

NPM

npm install @tableflow/react

Yarn

yarn add @tableflow/react

2. Add the Importer to your application

Create an importer, define your template, and retrieve data on TableFlow.
The full SDK reference is available in our docs.

import { useState } from "react";
import { TableFlowImporter } from "@tableflow/react";

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <>
      <button onClick={() => setIsOpen(true)}>Open TableFlow Importer</button>

      <TableFlowImporter
        importerId={"b0fadb1d-9888-4fcb-b185-21b984bcb227"} // Use your importer ID from https://app.tableflow.com/importers
        modalIsOpen={isOpen}
        modalOnCloseTriggered={() => setIsOpen(false)}
        darkMode={true}
        onComplete={(data) => console.log(data)}
      />
    </>
  );
}

Need help or have a feature request? Reach out to us over Slack!