ImportBase React SDK

ImportBase is an embeddable CSV importer designed to help your users import spreadsheet data into your product. It works out of the box and takes just 10 minutes to set up.

You can embed the ImportBase importer in your product by using our React SDKs. Click here if you're looking for the Javascript SDK.

To get your Client ID, create an account.

Check out our documentation here.

If you ever get stuck or need any help, feel free to click the chat button on the bottom right of our website, and we'll assist you.

Installation

npm install @importbase/react -s

Usage

import { useState } from "react";
import { ImportBase } from "@importbase/react";

function MyComponent() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <button onClick={() => setOpen(true)}>Open Importer</button>
      
      <ImportBaseImporter
        mode={'development'}
        clientId={"YOUR_CLIENT_ID"}
        templateKey={"YOUR_TEMPLATE_KEY"}
        open={open}
        onSuccess={(importedData) => console.dir(importedData)}
        onClose={() => setOpen(false)}
        onError={(err) => console.log(err)}
      />
    </>
  )
}