When to use
Use a combo box with a single select option when you want users to choose only one option from a predefined list.
Anatomy
- Label
- Right icon
- Inputs
- Call out
- Field
- Listbox
Variations
- Top label (Recommended for forms as it can help improve accessibility.)
- Left label
States
- Enabled
- Hover
- Focused
- Focused (No results)
- Read only (White)
- Read only (Grey)
- Error
- Error focused
- Disabled