Skip to main content

Status

Advanced Select where the options are based on the current value.

Basic

Editable

Français

Disabled

Français
  options: [{
label: 'Français',
showMenu: ['en', 'de'], // 'Français' is available only if 'en' or 'de' is selected
status: 'fr'
},{
label: 'English',
showMenu: ['de'], // 'English' is available only if 'de' is selected
status: 'en'
}, {
label: 'Deutsche',
showMenu: ['en', 'fr'], // 'Deutsche' is available only if 'en' or 'fr' is selected
status: 'de'
}],

Read only

English

Props

NameTypeRequiredDefaultDescription
listStatusarrayNo[]Deprecated. Use the options prop.
optionsarrayNo[]Array of statusOption

statusOption

NameTypeRequiredDefaultDescription
labelanyYesElement passed as children to MenuItem.
showMenuarrayNo[]If the current value is in the array, then the option is part of the suggestion list.
statusnumber | stringYesThe value returned when the input changes
valueanyYesDeprecated. Use the label prop. This prop will replace status in a future version.