Components › Forms & input › Filter › Filter chip

Filter chip

canon

One filter field written out: icon, field name and value; the chip opens the field menu.

Rendered by FilterBar.tsx (ChipMenu); the menu frame is the canonical Popover. 14 Oct 2026 (acrm !5045): chip = field icon + value, field name in aria-label/title (RULES §24.3).

Used in 7 files · 7 areas · 18× — components/FilterBar, components/communication, components/segment, pages/PostaPage, pages/SetkaniPage, pages/TasksPage …

.fb-chip .fb-opt .fb-groupSource Story Legacy card filter-bar.html

Examples Code Usage Accessibility Changelog

Changelog since 30. 9. 2026

13. 10. 2026polish(komunikace): filtry v řádku nástrojů za Seskupit, na telefonu v šuplíku (ACRM-470)apps/web/src/ds/filter-bar.cssClaude · c1f0071fa
1. 10. 2026polish(ds): lichý glyf ikony → sudý --ico-* (parita s boxem); velké glyfy a iniciály ds-okapps/web/src/ds/filter-bar.cssŠtěpán · ba33578ea
1. 10. 2026refactor(ds): vlna 2 — glyf ikony na --ico-* (stejná hodnota), mrtvá .adr-okoli .pin/.chevapps/web/src/ds/filter-bar.cssŠtěpán · 64362ed42
30. 9. 2026refactor(ds): rozměry natvrdo na tokeny podle významu — vlna 1 (--tap-min, --tab-h + přesné hodnoty)apps/web/src/ds/filter-bar.cssŠtěpán · d9fe30719