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!
Make sure you have signed up for nuvo, and that you have access to your Licence Key.
Add nuvo to your app:
npm:
npm install nuvo-react
yarn:
yarn add nuvo-react
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.
