validation Message
Type | String (optional) |
---|
Sets the <select>
validationMessage
.
An input that provides a selection of options.
It implements the <select>
element.
validation Message
Type | String (optional) |
---|
Sets the <select>
validationMessage
.
children
Type | JSX children (required) |
---|
<select>
element children; <optgroup>
or <option>
elements.
...props
Type | …* (optional) |
---|
Additional props for the container; a <select>
element.
import { Select } from 'device-agnostic-ui'
<Select>
<option>Option A</option>
<option>Option B</option>
</Select>
import { Select } from 'device-agnostic-ui'
<Select required>
<option value="" disabled selected>Options</option>
<option value="A">Option A</option>
<option value="B">Option B</option>
</Select>
import { Select } from 'device-agnostic-ui'
<Select value="B">
<option value="A">Option A</option>
<option value="B">Option B</option>
</Select>
<Toggle>
group instead.import { Select } from 'device-agnostic-ui'
<Select multiple size="2">
<option>Option A</option>
<option>Option B</option>
</Select>
import { Select } from 'device-agnostic-ui'
<Select size="6">
<optgroup label="Group 1">
<option>Option A</option>
<option>Option B</option>
</optgroup>
<optgroup label="Group 2">
<option>Option C</option>
<option>Option D</option>
</optgroup>
</Select>