Select
Basic
Editable
Français
Disabled
Français
Read only
Français
Disabled
You can disable options with the disabled
property.
Français
options: [{
label: 'Français',
value: 'fr'
},{
label: 'English',
value: 'en',
disabled: true
}, {
label: 'Deutsche',
value: 'de'
}],
Props
Name | Type | Required | Default | Description |
---|---|---|---|---|
listData | array | No | [] | Deprecated. Use options |
options | array | No | [] | Array of option |
renderLabelCustom | func | No | Display the returned string as a selected label for select cell. It receives two arguments: (selectedLabel, rowData) |
option
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | object | No | Passed to the className property of the MenuItem . | |
disabled | boolean | No | false | Disable the option. |
label | any | Yes | Element passed as children to MenuItem and div | |
name | any | Yes | Deprecated. Use label | |
sortOrder | number | No | Value used during the sorting process. | |
style | object | No | Passed to the style property of the MenuItem . | |
value | string | Yes |