• Getting Started
    • Installation
    • MCP Server
    • Guides and Concepts
    • Migrating from react-admin
    • Changelog
  • React
  • Vue
  • App Config
  • Page Components
  • Viewing
  • Editing
  • UI & Layout
  • Realtime
  • Maps
  • Supabase
  1. Docs
  2. Page Components

Page Components

List, Create, Edit, and Show — the screens of every CRUD app.

List

The page that fetches and displays a page of records for a resource.

CsvImport

An Import button that opens a four-step dialog: upload a .csv file, map its columns to the resource's fields, preview the rows as the schema returns them, and create them in batches of batchSize with create on the data provider. fields and requiredFields override the schema's keys, mapping replaces the automatic header match, and transform reshapes a row before the schema sees it. It creates into the ambient resource, so inside <List> it needs no resource. children renders inside the import context, where useCsvImport() reads the wizard's state.

Edit

The page that fetches a record and lets the user update it.

Create

The page for adding a new record, validated against the resource schema.

Show

A read-only detail view that fetches a record and renders its fields.

ListGuesser

A list page whose columns come from the resource's registered Zod schema.

ShowGuesser

A show page whose fields come from the resource's registered Zod schema.

EditGuesser

An edit page whose inputs come from the resource's registered Zod schema.