{
"componentDescription": "An alternative to `` with a much smaller bundle size footprint.",
"propDescriptions": {
"children": {
"description": "The option elements to populate the select with. Can be some <option> elements."
},
"classes": { "description": "Override or extend the styles applied to the component." },
"IconComponent": { "description": "The icon that displays the arrow." },
"input": {
"description": "An Input element; does not have to be a material-ui specific Input."
},
"inputProps": {
"description": "Attributes applied to the select element."
},
"onChange": {
"description": "Callback fired when a menu item is selected.",
"typeDescriptions": {
"event": {
"name": "event",
"description": "The event source of the callback. You can pull out the new value by accessing event.target.value (string)."
}
}
},
"sx": {
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
},
"value": { "description": "The input value. The DOM API casts this to a string." },
"variant": { "description": "The variant to use." }
},
"classDescriptions": {
"disabled": {
"description": "State class applied to {{nodeName}}.",
"nodeName": "the select component disabled class"
},
"error": {
"description": "State class applied to {{nodeName}}.",
"nodeName": "the select component error class"
},
"filled": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "variant=\"filled\""
},
"icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" },
"iconFilled": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "variant=\"filled\""
},
"iconOpen": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "the popup is open"
},
"iconOutlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "variant=\"outlined\""
},
"iconStandard": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "variant=\"standard\""
},
"multiple": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "multiple={true}"
},
"nativeInput": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the underlying native input component"
},
"outlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "variant=\"outlined\""
},
"root": { "description": "Styles applied to the root element." },
"select": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the select component select class"
},
"standard": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "variant=\"standard\""
}
}
}