Forms
The SimpleForm layout — usage and props.
<SimpleFormIterator> renders editable array items inside an ArrayInput.
Inputs
To edit arrays of data embedded inside a record, <ArrayInput> creates a list of sub-forms.
Lets users choose multiple values in a list using a dropdown with autocompletion.
Form control that tets users choose a value in a list using a dropdown with autocompletion. This input allows editing record fields that are scalar values, e.g. 123, 'admin', etc.
Toggle switch for boolean values, leveraging shadcn's Switch component.
<FileInput> allows editing and uploading file attachments (pdfs, csv, images, etc.). It is powered by react-dropzone.
Input component for numeric values (integers, floats) rendering an <input type="number"> with parsing & formatting support.
Single-select input rendered as a list (column or row) of radio buttons.
Use <ReferenceArrayInput> to edit an array of reference values, i.e. to let users choose a list of values (usually foreign keys) from another REST endpoint.
Use <ReferenceInput> for foreign-key values, for instance, to edit the company_id of a contact resource.
Optional rich text input for Shadmin. Includes the full Minimal TipTap block.
Dropdown selection from a list of choices.
Lets users enter multiple free-text values (like tags or email addresses) displayed as removable badges.
Single-line or multiline text input. Wraps a Shadcn <Input> or <Textarea> depending on multiline.
Common input props: source (path to the record field), label (custom label, or false to hide), defaultValue, validate (validator or array of validators), helperText (extra help under the control), disabled, and readOnly.
Action Buttons
Button to cancel the edition of the current content without saving.
Navigates to the create page for the curren resource.
Lets the user delete the current record.
Link button to the edit page of the current record.
Submits the parent SimpleForm / react-hook-form context.
Link button to the show page of the current record.
Bulk Action Buttons
Lets the user delete selected records in a list using dataProvider.deleteMany(). To be used in a ListContext (e.g., inside a <DataTable>).
Exports only the currently selected records using dataProvider.getList(). To be used in a ListContext (e.g., inside a <DataTable>).