ListLive
A <List> that refreshes when records in its resource change or the connection returns. Takes the same props as <List> and needs a realtime data provider.
Installation
pnpm dlx shadcn@latest add @chelone/list-liveLoading preview…
A <List> that refreshes when records in its resource change or the connection returns. Takes the same props as <List> and needs a realtime data provider.
See the realtime guide for provider setup and usage.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| actions | false | ReactElement<unknown, string | JSXElementConstructor<any>> | — | Header actions (create/export/filter buttons); nothing by default. |
| children | ReactNode | — | |
| className | string | — | |
| component | ElementType<any, keyof IntrinsicElements> | — | Element/component wrapping the children (defaults to `"div"`). |
| perPage | number | — | Rows-per-page for the initial query. |
| resource | string | — | Override the ambient resource (defaults to the `<Resource>` context). |
| title | ReactNode | — | Header title. A string/element renders as an `<h2>`; `false` omits it. |