Select

Display a dropdown list of items.

Default

Basic usage.

Disabled

Disable all options.

Disabled Option

disable specified options.

Without Icon

Hide icon on right.

Labels

show data as a group.

Divider

Multiple

Select supports multiple values to be selected.

Compose

Use with other components.

Over width

Option to show more text with adaptive width.

Set parent element

you can specify the container for drop-down box rendering.

APIs

Select.Props

AttributeDescriptionTypeAccepted valuesDefault
valueselected valuestring, string[]--
initialValueinitial valuestring, string[]--
placeholderplaceholder stringstring--
widthcss width value of selectstring-initial
sizeselect component sizeNormalSizesNormalSizesmedium
iconicon componentComponentType-SVG Component
pureremove icon componentboolean-false
multiplesupport multiple selectionboolean-false
disableddisable current radioboolean-false
onChangeselected value(val: string | string[]) => void --
dropdownClassNameclassName of dropdown menustring--
dropdownStylestyle of dropdown menuobject--
disableMatchWidthdisable Option from follow Select widthboolean-false
getPopupContainerdropdown render parent element, the default is body() => HTMLElement--
...native propsHTMLAttributes'name', 'alt', 'className', ...-

Select.Option.Props

AttributeDescriptionTypeAccepted valuesDefault
value(required)unique ident valuestring--
disableddisable current optionboolean-false
...native propsHTMLAttributes'name', 'id', 'className', ...-

NormalSizes

type NormalSizes = 'mini' | 'small' | 'medium' | 'large'