When to use
Use a select field when you want to choose an option from a predefined list and submit the data.
Anatomy
- Label
- Right icon
- Placeholder + selected value
- Call out
- Field
Variations
- Top label (Recommended for forms as it can help improve accessibility.)
- Left label
States
- Enabled
- Hover
- Focused
- Read only (white)
- Read only (grey)
- Error
- Error focused
- Disabled