Filter sidebar
Filter sidebar is used for displaying filtering options in a search result or catalogue page.
import { ... } from '@ag.ds-next/react/filter-sidebar';Usage
Filter sidebar components can be imported via the filter-sidebar entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/filter-sidebar';Props
| Prop | Type | Description |
|---|---|---|
| activeFiltersCount? | number | The number of active filters. |
| aria-label? | string | The aria-label for the Filter sidebar. |
| children? | ReactNode | |
| onClearFilters? | (() => void) | Called when the user clicks the "Clear filters" button. |
| title? | stringDefault: "Filter by" | Shown at the top of Filter sidebar. |
Source
You can view the full source code for this package on Github.