AppliedFilters
Markdown for agentsApplied-filter summary with a live count, removable chips and an edit action.
npx @slipstream-ui/cli@latest add applied-filtersApplied filters
3 active
Industry: TechnologyRegion: MountainRevenue: $10M to $50M
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| filters | FilterChip[] | required | Active filters to display. |
| onClearAll | () => void | — | Clear-all action. |
| onEdit | () => void | — | Opens the filter panel for editing. |
| label | string | — | Optional summary text; defaults to N active. |
| emptyLabel | string | — | Shown when there are no filters. |
| editLabel | string | 'Edit filters' | Edit action label. |
Accessibility
- The wrapper uses aria-live=polite so count changes are announced.
- Remove and clear actions come from FilterChips with named controls.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.