/
slider-unstyled.json
122 lines (122 loc) · 4.49 KB
/
slider-unstyled.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
{
"props": {
"aria-label": { "type": { "name": "custom", "description": "string" } },
"aria-labelledby": { "type": { "name": "string" } },
"aria-valuetext": { "type": { "name": "custom", "description": "string" } },
"classes": { "type": { "name": "object" } },
"component": { "type": { "name": "elementType" } },
"components": {
"type": {
"name": "shape",
"description": "{ Input?: elementType, Mark?: elementType, MarkLabel?: elementType, Rail?: elementType, Root?: elementType, Thumb?: elementType, Track?: elementType, ValueLabel?: elementType }"
},
"default": "{}"
},
"componentsProps": {
"type": {
"name": "shape",
"description": "{ input?: func<br>| object, mark?: func<br>| object, markLabel?: func<br>| object, rail?: func<br>| object, root?: func<br>| object, thumb?: func<br>| object, track?: func<br>| object, valueLabel?: func<br>| { children?: element, className?: string, components?: { Root?: elementType }, open?: bool, style?: object, value?: number, valueLabelDisplay?: 'auto'<br>| 'off'<br>| 'on' } }"
},
"default": "{}"
},
"defaultValue": {
"type": { "name": "union", "description": "Array<number><br>| number" }
},
"disabled": { "type": { "name": "bool" } },
"disableSwap": { "type": { "name": "bool" } },
"getAriaLabel": { "type": { "name": "func" } },
"getAriaValueText": { "type": { "name": "func" } },
"isRtl": { "type": { "name": "bool" } },
"marks": {
"type": {
"name": "union",
"description": "Array<{ label?: node, value: number }><br>| bool"
},
"default": "false"
},
"max": { "type": { "name": "number" }, "default": "100" },
"min": { "type": { "name": "number" }, "default": "0" },
"name": { "type": { "name": "string" } },
"onChange": { "type": { "name": "func" } },
"onChangeCommitted": { "type": { "name": "func" } },
"orientation": {
"type": { "name": "enum", "description": "'horizontal'<br>| 'vertical'" },
"default": "'horizontal'"
},
"scale": { "type": { "name": "func" }, "default": "(x) => x" },
"step": { "type": { "name": "number" }, "default": "1" },
"tabIndex": { "type": { "name": "number" } },
"track": {
"type": {
"name": "enum",
"description": "'inverted'<br>| 'normal'<br>| false"
},
"default": "'normal'"
},
"value": {
"type": { "name": "union", "description": "Array<number><br>| number" }
},
"valueLabelDisplay": {
"type": { "name": "enum", "description": "'auto'<br>| 'off'<br>| 'on'" },
"default": "'off'"
},
"valueLabelFormat": {
"type": { "name": "union", "description": "func<br>| string" },
"default": "(x) => x"
}
},
"name": "SliderUnstyled",
"styles": {
"classes": [
"root",
"marked",
"vertical",
"disabled",
"dragging",
"rail",
"track",
"trackFalse",
"trackInverted",
"thumb",
"active",
"focusVisible",
"valueLabel",
"valueLabelOpen",
"valueLabelCircle",
"valueLabelLabel",
"mark",
"markActive",
"markLabel",
"markLabelActive"
],
"globalClasses": {
"root": "MuiSlider-root",
"marked": "MuiSlider-marked",
"vertical": "MuiSlider-vertical",
"disabled": "Mui-disabled",
"dragging": "MuiSlider-dragging",
"rail": "MuiSlider-rail",
"track": "MuiSlider-track",
"trackFalse": "MuiSlider-trackFalse",
"trackInverted": "MuiSlider-trackInverted",
"thumb": "MuiSlider-thumb",
"active": "Mui-active",
"focusVisible": "Mui-focusVisible",
"valueLabel": "MuiSlider-valueLabel",
"valueLabelOpen": "MuiSlider-valueLabelOpen",
"valueLabelCircle": "MuiSlider-valueLabelCircle",
"valueLabelLabel": "MuiSlider-valueLabelLabel",
"mark": "MuiSlider-mark",
"markActive": "MuiSlider-markActive",
"markLabel": "MuiSlider-markLabel",
"markLabelActive": "MuiSlider-markLabelActive"
},
"name": null
},
"spread": true,
"forwardsRefTo": "HTMLSpanElement",
"filename": "/packages/mui-base/src/SliderUnstyled/SliderUnstyled.js",
"inheritance": null,
"demos": "<ul><li><a href=\"/base/react-slider/\">Slider</a></li></ul>",
"cssComponent": false
}