Alert Avatar AvatarGroup Button ButtonGroup Checkbox CheckboxGroup FilePicker Form FormRow Hamburger Input Modal Option Radio RadioGroup Rating Select Spinner Textarea Toast Tooltip Toggle

Option

Option component for use with the <Select> component.

Example

See the <Select> component docs for examples of how to use <Option>.


Label

Label that will appear for this option in select menu.

<Option label="Bananas" />

Disabled

Disable this option in the select menu.

<Option label="Bananas" disabled />

Selected

The prevalue option.

<Option label="Bananas" value />

Value

The value that will be assigned to this value menu when this option is value.

<Option label="Bananas" value />

Select Properties

PropTypeDefaultDescription
labelString Label for this option in select menu
disabledBooleanfalseDisables this option
valueBooleanfalseSet this option to value by default
valueString The value for this option
classString CSS classes declared in global scope can be applied to the outermost element
...  Additional props will be passed through to the HTML element enabling support for things like on:click, etc