Add a filter chip

Allow users to apply filters using selectable chips, which visually represent active filters and can be removed to update results dynamically.

When to use

Use this pattern when:

  • Users need to apply multiple filters to a dataset
  • Filters should be visible and easily removable
  • You want to show active filter state clearly

Considerations

  • Each chip should clearly indicate what filter it represents
  • Provide visual feedback when adding/removing filters
  • Consider the order of chips (most recent, alphabetical, etc.)
View old example docs