Go to Content
Design System
Playroom Storybook
🌹 Graz - George Design System stands in solidarity with the victims and families affected by the tragic school shooting in Graz. Our hearts go out to all those impacted by this senseless act of violence.

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.