Staffbase

Components

Searchable Single Select

Searchable single selects let the user filter a list of options by typing and pick one. Use them when the list is long enough to benefit from search.

Stable
GitHub Figma

Anatomy

Anatomy 
import {SearchableSingleSelect} from '@staffbase/design';

<SearchableSingleSelect.Root>
  <SearchableSingleSelect.Input />
  <SearchableSingleSelect.Popup>
    <SearchableSingleSelect.Empty />
    <SearchableSingleSelect.List>
      <SearchableSingleSelect.Item />
    </SearchableSingleSelect.List>
  </SearchableSingleSelect.Popup>
</SearchableSingleSelect.Root>;