Go to Content
Design System
Playroom Storybook
#ClimateEmergency

Select Filter

Select can be configured to serve as a filter.

This filter should not be accompanied by a FormField style label, since the text inside it serves as the label.

HINT This article shows an example of how to use Select as a filter. Don’t confuse it with FilteredSelect which is a select component that can be filtered.

Loading demo…
Rules For Developers
  • In this case a custom renderSelection should be used to display the label independent of selection.
  • A pill with the amount of selected items should be enabled (showSelectedCount) and a non-full width for the dropdown should be used (fullWidth={false}).
  • There may be multiple buttons passed in actionButton.