A select menu enables the user to select a value from a list of options in a form.
Example
⌘ Cmd + ⌥ Option + 1
Properties
| property | propType | required | default | description |
|---|---|---|---|---|
| children | node | - | - | options elements |
| id | string | - | - | select id |
| isDisabled | bool | - | - | boolean for when select is disabled |
| name | string | - | - | select name |
Usage
Use the select menu when there are two or more short text choices.
Multi-select
The Select component only supports single selection. If you require multiple selection, use the FilterPicker component.
Best Practices
Do
Keep select list items short
Write items using sentence case
Sort the list logically. For example, alphabetically or by most used
Don't
Don't include puncuation in your list item
Don't use a select with only two items (instead consider a switch, checkbox, or radio buttons)