OptionGroup 选择组

Option is required to be used within Select, Dropdown or other OptionGroup, and can be used with Option.

Demos

Name Type Default Description

label string The descriptive label of the option group.

Array<Object>

[]

The list of options with the option type being {label, value, disabled, ...}.

Name	Type	Description
`label`	`string`	The descriptive label of the option.
`value`	`*`	The value of the option.
`disabled`	`boolean=`	Whether the option is disabled.

string

inline

The way to display child options.

Value	Description
`inline`	Displays child options inline.
`popup`	Displays child options in a separate popup menu.

overlay-class string | Array | Object= - See the overlay-class prop of the Overlay component.

overlay-style string | Array | Object= - See the overlay-style prop of the Overlay component.

Name Description

default The content of the options dropdown. Can be used to place Options or OptionGroupss when the options prop is not specified.

The label of the option group. Displays the label prop by default.

Name	Type	Description
`label`	`string`	The descriptive label of the option group.
`disabled`	`boolean=`	Whether the option group is disabled.

The label text of each option group (option with child options). Displays the label of the option by default.

Name	Type	Description
`label`	`string`	The descriptive label of the option group.
`disabled`	`boolean=`	Whether the option group is disabled.

Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via v-bind.

The label text of each option (option without child options). Displays the label of the option by default.

Name	Type	Description
`label`	`string`	The descriptive label of the option.
`value`	`*`	The value of the option.
`selected`	`boolean`	Whether the the option is selected.
`disabled`	`boolean=`	Whether the option is disabled.

Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via v-bind.

The entire content area of each option (option without child options). Displays the default content of Options component by default.

Name	Type	Description
`label`	`string`	The descriptive label of the option.
`value`	`*`	The value of the option.
`selected`	`boolean`	Whether the the option is selected.
`disabled`	`boolean=`	Whether the option is disabled.

Additionally, custom properties in current option, apart from the listed ones, will also be passes into the scope object via v-bind.

Name	Description
`expandable`	Expandable options.