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.


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.


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.