• Getting Started
    • Installation
    • Quick Start
    • Guides and Concepts
    • Migrating from RA-UI
    • MCP Server
    • Changelog
  • App Config
  • Page Components
  • Viewing
  • Editing
  • Widgets
  • Map (Leaflet)
  • CSV Import
  • MDX Editor
  • Rich Text Input
  • Block Editor
  • Realtime
  • UI & Layout
  • Supabase
  1. Docs
  2. Page Components

Page Components

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

List

The List page component — usage and core props.

InfiniteList

An infinite-scroll variant of <List>, backed by useInfiniteListController from ra-core.

SimpleList

Render a list of records as a vertical, mobile-friendly list — typically used as a child of <List> or <ReferenceManyField>.

Edit

The Edit page component — usage and core props.

Show

The <Show> component is a page component that renders a single record.

SimpleShowLayout

<SimpleShowLayout> lays out Show fields in a vertical labeled stack.

TabbedShowLayout

<TabbedShowLayout> groups Show fields into tabs.

Create

The <Create> component is the main component for creation pages. It prepares a form submit handler, and renders the page title and actions. It is not responsible for rendering the actual form - that's the job of its child component (usually a form component, like <SimpleForm>). This form component uses its children (<Input> components) to render each form input.