Use a select field to allow users to choose from a list of options.
Usage
Do use the select field component to allow the user to select one of a range of short predefined values.
Never use Select Fields if you want users to read all of the options. A list of radios is more appropriate instead.
Writing a select field
Hint Text
Hint text should appear below the label and above the input. Do not use placeholders.
Errors
Error messages should appear above the input, and below the label and help text. These should be written in a concise, specific, way using plain language and without pleasantries.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v1+ |
|
Web (@ovotech/element) |
v1+ |
|
App (@ovotech/element-native) |
v1+ |
Related
External links