-
-
Notifications
You must be signed in to change notification settings - Fork 31.7k
/
native-select.json
74 lines (74 loc) · 3.58 KB
/
native-select.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
{
"componentDescription": "An alternative to `<Select native />` with a much smaller bundle size footprint.",
"propDescriptions": {
"children": "The option elements to populate the select with. Can be some <code><option></code> elements.",
"classes": "Override or extend the styles applied to the component. See <a href=\"#css\">CSS API</a> below for more details.",
"IconComponent": "The icon that displays the arrow.",
"input": "An <code>Input</code> element; does not have to be a material-ui specific <code>Input</code>.",
"inputProps": "<a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes\">Attributes</a> applied to the <code>select</code> element.",
"onChange": "Callback fired when a menu item is selected.<br><br><strong>Signature:</strong><br><code>function(event: React.ChangeEvent<HTMLSelectElement>) => void</code><br><em>event:</em> The event source of the callback. You can pull out the new value by accessing <code>event.target.value</code> (string).",
"sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details.",
"value": "The <code>input</code> value. The DOM API casts this to a string.",
"variant": "The variant to use."
},
"classDescriptions": {
"root": { "description": "Styles applied to the root element." },
"select": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the select component `select` class"
},
"multiple": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "<code>multiple={true}</code>"
},
"filled": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "<code>variant=\"filled\"</code>"
},
"outlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "<code>variant=\"outlined\"</code>"
},
"standard": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the select component",
"conditions": "<code>variant=\"standard\"</code>"
},
"disabled": {
"description": "State class applied to {{nodeName}}.",
"nodeName": "the select component `disabled` class"
},
"icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" },
"iconOpen": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "the popup is open"
},
"iconFilled": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "<code>variant=\"filled\"</code>"
},
"iconOutlined": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "<code>variant=\"outlined\"</code>"
},
"iconStandard": {
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
"nodeName": "the icon component",
"conditions": "<code>variant=\"standard\"</code>"
},
"nativeInput": {
"description": "Styles applied to {{nodeName}}.",
"nodeName": "the underlying native input component"
},
"error": {
"description": "State class applied to {{nodeName}}.",
"nodeName": "the select component `error` class"
}
}
}