Filter
A search Input paired with Select facets for status and sort, plus a reset Button that appears only while filters are active. Composes UI Lab's form controls into a data-filtering toolbar without custom layout CSS.
Filter
A search Input paired with Select facets for status and sort, plus a reset Button that appears only while filters are active. Composes UI Lab's form controls into a data-filtering toolbar without custom layout CSS.
Chips
Active filters rendered as dismissible Badge chips with a Clear all Button. Badge's built-in dismiss affordance and onDismiss callback handle removal, so applied filters read back to the user and can be peeled off one at a time.
Faceted
A Popover-triggered panel of Checkbox facets, with the active count surfaced as a Badge on the trigger Button. Multi-value filtering stays behind a single control that reports how many facets are applied, mirroring the filter menus used in issue trackers and data tables.
Filter bar with chips
A Menu adds filters from grouped Menu.Item rows and each applied filter lands below as a dismissible Badge chip, with a Clear all Button beside the trigger. Adding and removing live in one toolbar, so the full filter state is always visible.
Menu facets
A Filter Button opens a Menu of Menu.CheckboxItem rows grouped by Menu.Label and split with Menu.Separator, and the trigger carries a Badge with the active count. Multiple facets stay togglable without the panel closing between picks.
Menu sort
A Menu.RadioGroup picks one sort key while a separate toggle Button flips the direction, and the trigger label echoes the current choice. Single-select ordering reads back from the control itself, so the menu never has to be reopened to see what is applied.
Nested facets
Each filter dimension becomes a Menu.Sub whose Menu.SubTrigger opens a Menu.SubContent of Menu.CheckboxItem values. Many facet categories fit behind one trigger, with the top level staying short enough to scan.
Segmented
A single-select Group acts as a segmented filter for mutually exclusive states. The Group owns selection and roving focus, so filtering by status stays one keyboard-navigable control instead of a row of loose buttons.