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
Name | Type | Required | Default | Description |
---|---|---|---|---|
listStatus | array | No | [] | Deprecated. Use the options prop. |
options | array | No | [] | Array of statusOption |
statusOption
Name | Type | Required | Default | Description |
---|---|---|---|---|
label | any | Yes | Element passed as children to MenuItem . | |
showMenu | array | No | [] | If the current value is in the array, then the option is part of the suggestion list. |
status | number | string | Yes | The value returned when the input changes | |
value | any | Yes | Deprecated. Use the label prop. This prop will replace status in a future version. |