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