Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Search filters

Last updated
19/12/2025
Package version
0.13.0
JSX for this example
<React.Fragment />

Search filters configuration

Filters components can use the following prop:

searchResultsContainerId (optional)
ID attribute of the search results container, used as in the href attribute of the search filters‘ internal SkipLinks component. Default is search-results.

Search filter panel configuration

Filters.Panel components are an implementation of the Accordion.Item component. They can use the following props:

activeFilterCount (optional)
Number of active filter fields in this panel.
isScrollable (optional)
Adds internal scrollbars around the filter fields. Boolean.
legend
Content for the (visually hidden) legend element.
heading
Heading of the filter panel.
Back to top