Select
An essential form option, this lets users select from a potentially long list. A Select is generally identical in purpose to a radio (opens in a new tab), but can save space whenever there are too many options. Selects also have different keyboard controls (opens in a new tab) (though many aren’t common knowledge).
💡
A general rule of thumb is to prefer Radios for 5 or fewer items, and Selects for more.
Bulbasaur
Usage
Props
| Name | Type | Description |
|---|---|---|
items | Item[] | Required. Provide an array of options to the user. |
multiple | boolean | Allow the selection of multiple items? (default: false) |
variant | string | small, large, minimal, or chips |