FilterChip
Single removable filter chip. Click the × button to fire OnRemove.
Interactive-mode
Examples
Single chip
Status: Active
Row of three chips with different labels
Status: Active
Type: Admin
Region: APAC
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| FilterChip | A single removable filter chip rendered as a pill (rounded-full) with an optional leading icon and a × remove button. Compose multiple chips in a flex flex-wrap gap-2 container (e.g. inside a FilterBar). Wire OnRemove to remove the filter from state. |
FilterChip
A single removable filter chip rendered as a pill (rounded-full) with an optional leading icon and a × remove button. Compose multiple chips in a flex flex-wrap gap-2 container (e.g. inside a FilterBar). Wire OnRemove to remove the filter from state.
| Property | Type | Required | Description |
|---|---|---|---|
| Label | string | Visible chip label text. | |
| OnRemove | EventCallback | Fired when the × button is clicked. Wire this to remove the filter from state. | |
| IconSvg | string? | Optional leading icon SVG path rendered at size-3. Omit to suppress. |