Combobox
Comboboxes are a type of select field that allow users to choose from a list of options.
- Make sure combobox fields look interactive
- The combobox field's state (blank, with input, error, etc) should be visible at a glance
- Keep labels and error messages brief and easy to act on
- Combobox fields commonly appear to assist in list selection
Example
Hades
Persephone
Zeus
Poseidon
Hera
Live Playground
Hades
Persephone
Zeus
Poseidon
Hera
Resources
Name | Resource | Status |
---|---|---|
Figma | Design Kit (Figma) | Private |
- Make sure combobox fields look interactive
- The combobox field's state (blank, with input, error, etc) should be visible at a glance
- Keep labels and error messages brief and easy to act on
- Combobox fields commonly appear to assist in list selection
Example
Hades
Persephone
Zeus
Poseidon
Hera
Live Playground
Hades
Persephone
Zeus
Poseidon
Hera
Resources
Name | Resource | Status |
---|---|---|
Figma | Design Kit (Figma) | Private |
- Make sure combobox fields look interactive
- The combobox field's state (blank, with input, error, etc) should be visible at a glance
- Keep labels and error messages brief and easy to act on
- Combobox fields commonly appear to assist in list selection
Example
Hades
Persephone
Zeus
Poseidon
Hera
Live Playground
Hades
Persephone
Zeus
Poseidon
Hera
Resources
Name | Resource | Status |
---|---|---|
Figma | Design Kit (Figma) | Private |
- Make sure combobox fields look interactive
- The combobox field's state (blank, with input, error, etc) should be visible at a glance
- Keep labels and error messages brief and easy to act on
- Combobox fields commonly appear to assist in list selection
Example
Hades
Persephone
Zeus
Poseidon
Hera
Live Playground
Hades
Persephone
Zeus
Poseidon
Hera
Resources
Name | Resource | Status |
---|---|---|
Figma | Design Kit (Figma) | Private |