SimpleList
The records of the ambient <List> as tappable rows, for lists too narrow for a <DataTable>. Each row links to the edit page, or the show page when the resource has no edit view.
Installation
pnpm dlx shadcn@latest add @chelone/simple-listThe records of the ambient <List> as tappable rows, for lists too narrow for a <DataTable>. Each row links to the edit page, or the show page when the resource has no edit view.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | |
| empty | ReactNode | — | Rendered with no records, in place of `ListNoResults`. |
| leftAvatar | FunctionToElement<RecordType> | — | |
| leftIcon | FunctionToElement<RecordType> | — | |
| linkType | false | "show" | "edit" | — | Where each row links to; see `SimpleListItem`. |
| loading | ReactNode | — | Rendered while the list is pending, in place of `SimpleListLoading`. |
| primaryText | FunctionToElement<RecordType> | — | |
| rightIcon | FunctionToElement<RecordType> | — | |
| secondaryText | FunctionToElement<RecordType> | — | |
| tertiaryText | FunctionToElement<RecordType> | — |