Page sections

Filter Bar variations

A search and filter toolbar with chips and a result count.

1 variation

1 result

FiltersStatus: ActiveOwner: Mara Castillo

12 projects

Search and filters

dark

Search input, status select, owner combobox, list/grid toggle, removable filter chips, and a result count.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add filter-bar

Field	Type	Default	Description
`slug`*	`string`	`"filter-bar"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Filter Bar"`	Display name shown in the gallery.
`description`*	`string`	`"A search and filter toolbar with chips and a result count."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["toolbar"]`	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Every published look for this block.

Id	Name	Description
`toolbar`	Search and filters	Search input, status select, owner combobox, list/grid toggle, removable filter chips, and a result count.