Dropdown

Dropdowns allow users to select one or more items from a list.

Default

The default Dropdown is displayed with a label. The default Dropdown can also be displayed with a hint giving context to the user or other important advice on the component.

Storybook failed to load. Please connect to the VPN to access.

Inline

The inline Dropdown is displayed with an inline label.

Storybook failed to load. Please connect to the VPN to access.

Multiple

The multiple Dropdown allows for multiple selection. Both default and inline dropdown supports multiple selection

Storybook failed to load. Please connect to the VPN to access.

Validation

The validation displays an error message related to the restrictions of the dropdown.

Storybook failed to load. Please connect to the VPN to access.

Search

The Search variant displays a search input with options to select all and clear all.

Storybook failed to load. Please connect to the VPN to access.