Filter chips
/FIL-ter CHIPS/ · noun · INPUT pattern · #056
Small rounded tokens that toggle facets of a list on and off. The active set doubles as a summary of what you're looking at.
Also called: filter chip, filter tags, faceted filter chips.
Common questions
What are filter chips in UI design?
Filter chips are compact controls that turn facets of a list on and off. Selected chips show the active filters directly above or beside the results.
When should UX use filter chips instead of checkboxes?
Use filter chips for a small, visible set of frequently changed filters. Use checkboxes when the option list is longer, needs grouping, or belongs inside a dedicated filter panel.