FilteredSearch

• Default example
• System props
• Component props
  • • FilteredSearch.Children

The FilteredSearch component is a helper component to style a Dropdown and a TextInput side-by-side.

Default example

<FilteredSearch>
  <Dropdown title="Filter">
    <Dropdown.Menu direction="sw">
      <Dropdown.Item>Item 1</Dropdown.Item>
      <Dropdown.Item>Item 2</Dropdown.Item>
      <Dropdown.Item>Item 3</Dropdown.Item>
    </Dropdown.Menu>
  </Dropdown>
  <TextInput type="search" icon={Search} />
</FilteredSearch>

System props

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

Component props

FilteredSearch.Children

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

Edit this page on GitHub

1 contributor

Last edited by T-Hugs on October 21, 2019