Dropdown
Beta

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
appearance
default | subtle
visual style (from Dropdown.appearances)
default
disabled
boolean
standard input disabled flag
false
error
boolean
error state flag
false
innerRef
DOM element => ()
input field react ref callback
label
string
identifying string for dropdown
menu
Required
ActionMenu
menu for dropdown contents
placeholder
string
in-field usage hint
subLabel
string
supporting text or error messaging

The normal React form-related props are also acceptable and expected.

The Dropdown menu is provided by the ActionMenu.

Selected:

Primary identification of a dropdown comes through the label. Usage hints are given in the placeholder. Supporting text and error messaging is set in the subLabel.

When using the dark theme, a subtle appearance is available.

Disabled dropdowns are unmodifiable, not interactive, and diminished visually.

Error states are engaged with the error flag. Error-related messaging is sent to the subLabel prop.