Filter bar
Segmented quick filters with counts, field/operator/value filter chips edited in a popover, an Add filter menu, clear all and a saved views dropdown.
Preview
Showing 6 of 8 issues
- LNT-219Seat-based pricing togglePriya
- LNT-224Keyboard map for the editorInes
- LNT-226Retry webhook deliveriesMalik
- LNT-231Export invoices as CSVNoor
- LNT-212Stream CSV imports in chunksInes
- LNT-207Rename workspace rolesPriya
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| fields | FilterField[] | — | { id, label, icon?, operators?, options?, placeholder? }. Fields with options get a checkbox list; others take text. |
| filters / defaultFilters | ActiveFilter[] | [] | Active chips: { id, field, operator, values }. |
| onFiltersChange | (filters) => void | — | Called on every add, live edit, removal and clear. |
| quickFilters | { value, label, count? }[] | — | Segmented track of quick filters with counts. |
| quick / defaultQuick | string | first quick filter | Selected quick filter. |
| onQuickChange | (value: string) => void | — | Called when the quick filter changes. |
| views | { id, label, filters, quick? }[] | — | Saved views dropdown; picking one replaces filters and quick filter. |
| onSaveView | (filters, quick) => void | — | Shows “Save current view…” in the views menu. |
| locale | string | "en-US" | Locale for counts. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.