Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
64 lines
2.5 KiB
JSON
64 lines
2.5 KiB
JSON
{
|
|
"componentDescription": "",
|
|
"propDescriptions": {
|
|
"animation": {
|
|
"description": "The animation. If <code>false</code> the animation effect is disabled."
|
|
},
|
|
"children": { "description": "Optional children to infer width and height from." },
|
|
"classes": { "description": "Override or extend the styles applied to the component." },
|
|
"component": {
|
|
"description": "The component used for the root node. Either a string to use a HTML element or a component."
|
|
},
|
|
"height": {
|
|
"description": "Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card."
|
|
},
|
|
"sx": {
|
|
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
|
|
},
|
|
"variant": { "description": "The type of content that will be rendered." },
|
|
"width": {
|
|
"description": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own."
|
|
}
|
|
},
|
|
"classDescriptions": {
|
|
"circular": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>variant=\"circular\"</code>"
|
|
},
|
|
"fitContent": {
|
|
"description": "Styles applied when the component is passed children and no width."
|
|
},
|
|
"heightAuto": {
|
|
"description": "Styles applied when the component is passed children and no height."
|
|
},
|
|
"pulse": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>animation=\"pulse\"</code>"
|
|
},
|
|
"rectangular": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>variant=\"rectangular\"</code>"
|
|
},
|
|
"root": { "description": "Styles applied to the root element." },
|
|
"rounded": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>variant=\"rounded\"</code>"
|
|
},
|
|
"text": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>variant=\"text\"</code>"
|
|
},
|
|
"wave": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>animation=\"wave\"</code>"
|
|
},
|
|
"withChildren": { "description": "Styles applied when the component is passed children." }
|
|
}
|
|
}
|