Select
Selects allow users to choose one or more items from a list of values.
- Follows: Menus - Material Design 3
- Inherits:
Select
Playground
<md-outlined-select>
<md-option value="apple">Apple</md-option>
<md-option value="apricot">Apricot</md-option>
<md-option value="banana">Banana</md-option>
<md-option value="cherry">Cherry</md-option>
<md-option value="grape">Grape</md-option>
<md-option value="lemon">Lemon</md-option>
<md-option value="mango">Mango</md-option>
<md-option value="orange">Orange</md-option>
<md-option value="strawberry">Strawberry</md-option>
<md-option value="watermelon">Watermelon</md-option>
</md-outlined-select>
Properties
| Name | Type | Default | Description |
|---|---|---|---|
label | String | '' | The label text for the select field. |
supportingText | String | '' | Helper text displayed below the select field. |
error | Boolean | false | Whether the select is in an error state. |