This package has been deprecated

Author message:

While nuvo-react (2.x) remains supported for legacy projects, all future development and new features are now released under @getnuvo/importer-react. To stay up to date with the latest improvements, we recommend migrating to @getnuvo/importer-react 3.x.

nuvo-react

nuvo uses AI to enable you to import messy files with ease.

Use the UI library in our nuvo-react package to create the best data import experience for your customers!

Getting started

Make sure you have signed up for nuvo, and that you have access to your Licence Key.

Installation

Add nuvo to your app:

npm:

npm install nuvo-react

yarn:

yarn add nuvo-react

Implementation Example

import * as React from 'react';
import { NuvoImporter } from 'nuvo-react';

function App() {
  return (
    <NuvoImporter
      licenseKey="Your License Key"
      settings={{
        identifier: 'product_data',
        columns: [
          {
            label: 'Product ID',
            key: 'product_id',
          },
          {
            label: 'Article Name',
            key: 'article_name',
          },
        ],
      }}
      onResults={(result, identifier, complete, logs) => {
        console.log('Result:', result);
        complete();
      }}
    >
      Select File
    </NuvoImporter>
  );
}

In the interactive demo below, try changing the code and see how it affects the output.

For more options, see our documentation and visit our Knowledge base to see more code examples.