ListToolbar
The bar above a list, with the filter form on the left and the actions on the right. It is opt-in: pass it through actions, since <List> renders no default toolbar.
Installation
pnpm dlx shadcn@latest add @chelone/list-toolbarThe bar above a list, with the filter form on the left and the actions on the right. It is opt-in: pass it through actions, since <List> renders no default toolbar.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| actions | false | ReactElement<unknown, string | JSXElementConstructor<any>> | — | The right-hand element; `false` renders none. Defaults to `<ListActions>`. |
| className | string | — | |
| exporter | false | Exporter | — | Handed to the actions element; `false` hides the export button. |
| filters | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactNode[] | — | Filter inputs: an array, or an element whose children are the inputs. |
| hasCreate | boolean | — | Handed to the actions element. |