All components
Navigation
FilterBar
beta
Since 1.1
Toolbar for a filtered collection: search field, removable applied-filter tags, and trailing controls.
Navigation
primitive
Display
Documented
import { FilterBar } from '@ivim/native/components';
When to use
Use when
A list/table supports search plus a set of applied filters people remove individually.
Don't use when
There is only a search box — use SearchField directly.
Example
Preview
Code
Active
This week
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
Each filter tag has a labeled remove button ("Remove <label> filter").
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.
SearchField
Input configured for search return behavior.
TagGroup
A row of tags: static labels, or single/multiple selection, with per-tag and group removal, dots, counts, and avatar slots.
Table
Data-driven table for dense screens: sortable columns, multiple row selection, and full table accessibility roles.