Active Filter Chips

Horizontal row of active filter chips with individual ×-remove buttons and an optional Clear All action. Renders nothing when filters is empty.

core/active-filter-chips

Installation

1 · Add registry to components.json

2 · Install component

Examples

Active filter chips

Composed results page

API Reference

PropTypeDescription
filtersreq
ActiveFilterChip[]Active filter chip definitions with id, label, and onRemove.
onClearAll
() => voidCalled when Clear all is clicked.
clearLabel
stringLabel for the clear-all button.