xladmin-import-export frontend

Optional frontend extension for xladmin that adds import/export actions to model pages.

Features

• export and import icon buttons for the model toolbar
• export dialog with format and field selection
• import dialog with file upload, conflict mode, validation preview, and commit
• works with xladmin selection state, including "select all current results"

Install

npm install xladmin xladmin-import-export

Minimal Example

import {ModelPage} from 'xladmin';
import {
  ModelImportExportActions,
  createAxiosAdminImportExportClient,
} from 'xladmin-import-export';

const importExportClient = createAxiosAdminImportExportClient(api);

<ModelPage
  client={client}
  basePath="/admin"
  slug="users"
  renderBeforePagination={(context) => (
    <ModelImportExportActions client={importExportClient} context={context} />
  )}
/>

Development

cd xladmin-frontend
npm run test --workspace ./packages/xladmin-import-export
npm run check --workspace ./packages/xladmin-import-export
npm run build --workspace ./packages/xladmin-import-export

Docs

• npm package
• Monorepo README