Uploader — basic

How it worksCopy Anchor Link

This demo uses records transport. The uploader downloads an XLSX template, parses the selected file in the browser, checks required columns for create mode, and calls a local mock handler. redirectOnSuccess={false} keeps the preview on the docs page instead of navigating to import history.

Customize itCopy Anchor Link

Replace the demo columns with your UploaderColumn[] definitions and replace the handler with your mutation:

<CommonUploaderButton
  config={config}
  triggerLabel="Import accounts"
  onUpload={async ({ mode, records }) => {
    return importAccounts({ mode, records })
  }}
/>

Use transport: "file" and onUploadFile when the server should parse the original file. Keep server-side validation in place for both modes.

RelatedCopy Anchor Link

• Uploader overview
• Table empty state