Skip to main content

Select

Basic​

Editable

Disabled

Read only​

Français

Disabled​

You can disable options with the disabled property.

options: [{
label: 'Français',
value: 'fr'
},{
label: 'English',
value: 'en',
disabled: true
}, {
label: 'Deutsche',
value: 'de'
}],

Props​

NameTypeRequiredDefaultDescription
listDataarrayNo[]Deprecated. Use options
optionsarrayNo[]Array of option
renderLabelCustomfuncNoDisplay the returned string as a selected label for select cell. It receives two arguments: (selectedLabel, rowData)

option​

NameTypeRequiredDefaultDescription
classNameobjectNoPassed to the className property of the MenuItem.
disabledbooleanNofalseDisable the option.
labelanyYesElement passed as children to MenuItem and div
nameanyYesDeprecated. Use label
sortOrdernumberNoValue used during the sorting process.
styleobjectNoPassed to the style property of the MenuItem.
valuestringYes