Data Display
The DataTable component — usage, props, and cell rendering.
Fetches and displays item count for a resource.
Flexible display wrapper combining a label and value (field component, render function, or children) with optional layout variants.
Inline list layout rendering its child once per record.
Fields
Renders an embedded array of objects. Creates a ListContext with the data so you can reuse list-aware child components (e.g. <SingleFieldList>, <DataTable>).
Displays a value inside a styled shadcn <Badge>. Useful for statuses or categories.
Displays a date/time value using Intl.DateTimeFormat. Lets you control whether to show the date part, the time part, or both.
Displays an email address as a mailto: link. Prevents row click bubbling.
Renders one or multiple files (stored as JSON objects defining the file path and title) as links. Supports arrays of file objects or a single value. For arrays, each file is rendered in a <ul> of <li> items.
Displays a numeric value. It reads the value from the record context and formats it according to the browser locale.
Fetches multiple referenced records by an array of ids contained in the current record, and provides them through a ListContext to its children. Use it to display a list of related records, via a one-to-many relationship materialized by an array of foreign keys.
Fetches and displays a single referenced record (foreign key lookup). Useful for displaying many-to-one and one-to-one relationships, e.g. the details of a user when rendering a post authored by that user.
Fetches multiple referenced records that reference the current record, and provides them through a ListContext to its children. Useful for displaying a list of related records via a one-to-many relationship, when the foreign key is carried by the referenced resource.
Displays the text for a value from a predefined list of choices.
Displays the textual value of a field inside a <span>.
Renders a record field as a clickable hyperlink (<a>). Prevents row click bubbling in tables.
Common field props: source (path to the value in the record), record (override the current record), defaultValue (fallback when the value is missing), and empty (placeholder, translated if a string).
Controls
Floating bar showing actions for currently selected rows in a list or DataTable.
Lets the user choose the visible columns in a <DataTable>, and reorder them.
The default pagination component for List pages.
Opens a popover allowing the user to change current list sort field & order.
Enables or disable a particular filter in a list view.