Components / Patterns
Collection toolbar
Search, filters and actions for one collection.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { CollectionToolbar } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
search | ReactNode | The search field. |
filters | ReactNode | Filters for this collection. |
actions | ReactNode | Actions that apply before a selection. |
Behavior
Keep filters next to the collection they change.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.