|
1 | | -{ |
2 | | - "componentDescription": "", |
3 | | - "propDescriptions": { |
4 | | - "action": { |
5 | | - "description": "A ref for imperative actions. It currently only supports <code>focusVisible()</code> action." |
6 | | - }, |
7 | | - "centerRipple": { |
8 | | - "description": "If <code>true</code>, the ripples are centered. They won't start at the cursor interaction position." |
9 | | - }, |
10 | | - "color": { |
11 | | - "description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#custom-colors\">palette customization guide</a>." |
12 | | - }, |
13 | | - "disabled": { "description": "If <code>true</code>, the component is disabled." }, |
14 | | - "disableFocusRipple": { |
15 | | - "description": "If <code>true</code>, the keyboard focus ripple is disabled." |
16 | | - }, |
17 | | - "disableRipple": { |
18 | | - "description": "If <code>true</code>, the ripple effect is disabled.<br>⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure to highlight the element by applying separate styles with the <code>.Mui-focusVisible</code> class." |
19 | | - }, |
20 | | - "disableTouchRipple": { |
21 | | - "description": "If <code>true</code>, the touch ripple effect is disabled." |
22 | | - }, |
23 | | - "edge": { |
24 | | - "description": "If given, uses a negative margin to counteract the padding on one side (this is often helpful for aligning the left or right side of the icon with content above or below, without ruining the border size and shape)." |
25 | | - }, |
26 | | - "focusRipple": { |
27 | | - "description": "If <code>true</code>, the base button will have a keyboard focus ripple." |
28 | | - }, |
29 | | - "focusVisibleClassName": { |
30 | | - "description": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the <a href=\"https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo\">CSS :focus-visible selector</a>. The rationale for using this feature <a href=\"https://github.com/WICG/focus-visible/blob/HEAD/explainer.md\">is explained here</a>. A <a href=\"https://github.com/WICG/focus-visible\">polyfill can be used</a> to apply a <code>focus-visible</code> class to other components if needed." |
31 | | - }, |
32 | | - "LinkComponent": { |
33 | | - "description": "The component used to render a link when the <code>href</code> prop is provided." |
34 | | - }, |
35 | | - "loading": { |
36 | | - "description": "If <code>true</code>, the loading indicator is visible and the button is disabled. If <code>true \\| false</code>, the loading wrapper is always rendered before the children to prevent <a href=\"https://github.com/mui/material-ui/issues/27853\">Google Translation Crash</a>." |
37 | | - }, |
38 | | - "loadingIndicator": { |
39 | | - "description": "Element placed before the children if the button is in loading state. The node should contain an element with <code>role="progressbar"</code> with an accessible name. By default, it renders a <code>CircularProgress</code> that is labeled by the button itself." |
40 | | - }, |
41 | | - "onFocusVisible": { |
42 | | - "description": "Callback fired when the component is focused with a keyboard. We trigger a <code>onFocus</code> callback too." |
43 | | - }, |
44 | | - "size": { |
45 | | - "description": "The size of the component. <code>small</code> is equivalent to the dense button styling." |
46 | | - }, |
47 | | - "sx": { |
48 | | - "description": "The system prop that allows defining system overrides as well as additional CSS styles." |
49 | | - }, |
50 | | - "TouchRippleProps": { "description": "Props applied to the <code>TouchRipple</code> element." }, |
51 | | - "touchRippleRef": { |
52 | | - "description": "A ref that points to the <code>TouchRipple</code> element." |
53 | | - } |
54 | | - }, |
55 | | - "classDescriptions": { |
56 | | - "colorError": { |
57 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
58 | | - "nodeName": "the root element", |
59 | | - "conditions": "<code>color=\"error\"</code>" |
60 | | - }, |
61 | | - "colorInfo": { |
62 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
63 | | - "nodeName": "the root element", |
64 | | - "conditions": "<code>color=\"info\"</code>" |
65 | | - }, |
66 | | - "colorInherit": { |
67 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
68 | | - "nodeName": "the root element", |
69 | | - "conditions": "<code>color=\"inherit\"</code>" |
70 | | - }, |
71 | | - "colorPrimary": { |
72 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
73 | | - "nodeName": "the root element", |
74 | | - "conditions": "<code>color=\"primary\"</code>" |
75 | | - }, |
76 | | - "colorSecondary": { |
77 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
78 | | - "nodeName": "the root element", |
79 | | - "conditions": "<code>color=\"secondary\"</code>" |
80 | | - }, |
81 | | - "colorSuccess": { |
82 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
83 | | - "nodeName": "the root element", |
84 | | - "conditions": "<code>color=\"success\"</code>" |
85 | | - }, |
86 | | - "colorWarning": { |
87 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
88 | | - "nodeName": "the root element", |
89 | | - "conditions": "<code>color=\"warning\"</code>" |
90 | | - }, |
91 | | - "disabled": { |
92 | | - "description": "State class applied to {{nodeName}} if {{conditions}}.", |
93 | | - "nodeName": "the root element", |
94 | | - "conditions": "<code>disabled={true}</code>" |
95 | | - }, |
96 | | - "edgeEnd": { |
97 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
98 | | - "nodeName": "the root element", |
99 | | - "conditions": "<code>edge=\"end\"</code>" |
100 | | - }, |
101 | | - "edgeStart": { |
102 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
103 | | - "nodeName": "the root element", |
104 | | - "conditions": "<code>edge=\"start\"</code>" |
105 | | - }, |
106 | | - "loading": { |
107 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
108 | | - "nodeName": "the root element", |
109 | | - "conditions": "<code>loading={true}</code>" |
110 | | - }, |
111 | | - "loadingIndicator": { |
112 | | - "description": "Styles applied to {{nodeName}}.", |
113 | | - "nodeName": "the loadingIndicator element" |
114 | | - }, |
115 | | - "loadingWrapper": { |
116 | | - "description": "Styles applied to {{nodeName}}.", |
117 | | - "nodeName": "the loadingWrapper element" |
118 | | - }, |
119 | | - "root": { "description": "Styles applied to the root element." }, |
120 | | - "sizeLarge": { |
121 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
122 | | - "nodeName": "the root element", |
123 | | - "conditions": "<code>size=\"large\"</code>" |
124 | | - }, |
125 | | - "sizeMedium": { |
126 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
127 | | - "nodeName": "the root element", |
128 | | - "conditions": "<code>size=\"medium\"</code>" |
129 | | - }, |
130 | | - "sizeSmall": { |
131 | | - "description": "Styles applied to {{nodeName}} if {{conditions}}.", |
132 | | - "nodeName": "the root element", |
133 | | - "conditions": "<code>size=\"small\"</code>" |
134 | | - } |
135 | | - } |
136 | | -} |
| 1 | +{ "componentDescription": "", "propDescriptions": {}, "classDescriptions": {} } |
0 commit comments