Skip to content


The FilteredSearch component helps style a Dropdown and a TextInput side-by-side.

Note: You must use a TextInput and Dropdown (or native <details> and <summary>) in order for this component to work properly.

Default example

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

FilteredSearch gets COMMON system props. Read our System Props doc page for a full list of available props.

Component props


FilteredSearch is expected to contain a Dropdown followed by a TextInput.

Edit this page on GitHub
4 contributorsVanAndersonemplumsBinaryMuseT-Hugs
Last edited by VanAnderson on July 22, 2021