8.1.0

Filter

Note
This kit can be implemented in a variety of ways.
To see examples of how to implement this kit in production visit the /dev_docs/search page in production.

Default


Filter can leverage the max-width property. Learn more in our visual guidelines.

No Background


To remove the background from a filter, add the prop background with a value of false.

Single


No Sort


To display results, use templates single or default.

Filter Only


Sort Only


Min Width for Popover Inside of Filter


Close Popover



UI Samples using Filter Kit

Get the full picture. See how this kit is used in our samples.