RecordField
A labelled field wrapper used inside <Show> layouts.
Installation
pnpm dlx shadcn@latest add @chelone/record-fieldA labelled field wrapper used inside <Show> layouts.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cellClassName | string | — | A class name to apply to the cell element when used inside `<DataTable>`. |
| children | ReactNode | — | |
| className | string | — | A class name to apply to the root element. |
| empty | ReactNode | — | The node to display when the field value is empty. Defaults to nothing. A string is translated; a ReactNode renders as-is. |
| field | ElementType | — | |
| headerClassName | string | — | A class name to apply to the header cell element when used inside `<DataTable>`. |
| label | ReactNode | — | Label to use as column header when using `<DataTable>` or `<SimpleShowLayout>`. Defaults to the capitalized field name. Set to `false` to disable the label. |
| record | RecordType | — | |
| render | (record: RecordType) => ReactNode | — | |
| resource | string | — | The resource name. Defaults to the ambient `ResourceContext` value. |
| sortable | boolean | — | Disable the header click handler when used inside `<DataTable>`. |
| sortBy | string | — | The field to sort by when this column head is clicked, if sortable. |
| sortByOrder | SortOrder | — | The order used for sorting when this column head is clicked, if sortable. |
| source | string | — | |
| textAlign | TextAlign | — | The text alignment for the cell content, when used inside `<DataTable>`. |
| variant | "default" | "inline" | — |