175 lines
6.0 KiB
JSON
175 lines
6.0 KiB
JSON
|
{
|
||
|
|
"props": {
|
||
|
|
"animation": {
|
||
|
|
"type": {
|
||
|
|
"name": "enum",
|
||
|
|
"description": "'pulse'<br>| 'wave'<br>| false"
|
||
|
|
},
|
||
|
|
"default": "'pulse'"
|
||
|
|
},
|
||
|
|
"children": { "type": { "name": "node" } },
|
||
|
|
"component": { "type": { "name": "elementType" } },
|
||
|
|
"height": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "Array<number<br>| string><br>| number<br>| { lg?: number<br>| string, md?: number<br>| string, sm?: number<br>| string, xl?: number<br>| string, xs?: number<br>| string }<br>| string"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"level": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'h1'<br>| 'h2'<br>| 'h3'<br>| 'h4'<br>| 'title-lg'<br>| 'title-md'<br>| 'title-sm'<br>| 'body-lg'<br>| 'body-md'<br>| 'body-sm'<br>| 'body-xs'<br>| 'inherit'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "variant === 'text' ? 'body-md' : 'inherit'"
|
||
|
|
},
|
||
|
|
"loading": { "type": { "name": "bool" }, "default": "true" },
|
||
|
|
"overlay": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"slotProps": {
|
||
|
|
"type": { "name": "shape", "description": "{ root?: func<br>| object }" },
|
||
|
|
"default": "{}"
|
||
|
|
},
|
||
|
|
"slots": {
|
||
|
|
"type": { "name": "shape", "description": "{ root?: elementType }" },
|
||
|
|
"default": "{}",
|
||
|
|
"additionalInfo": { "slotsApi": true }
|
||
|
|
},
|
||
|
|
"sx": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "Array<func<br>| object<br>| bool><br>| func<br>| object"
|
||
|
|
},
|
||
|
|
"additionalInfo": { "sx": true }
|
||
|
|
},
|
||
|
|
"variant": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'circular'<br>| 'inline'<br>| 'overlay'<br>| 'rectangular'<br>| 'text'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'overlay'",
|
||
|
|
"additionalInfo": { "joy-variant": true }
|
||
|
|
},
|
||
|
|
"width": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "Array<number<br>| string><br>| number<br>| { lg?: number<br>| string, md?: number<br>| string, sm?: number<br>| string, xl?: number<br>| string, xs?: number<br>| string }<br>| string"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"name": "Skeleton",
|
||
|
|
"imports": ["import Skeleton from '@mui/joy/Skeleton';", "import { Skeleton } from '@mui/joy';"],
|
||
|
|
"slots": [
|
||
|
|
{
|
||
|
|
"name": "root",
|
||
|
|
"description": "The component that renders the root.",
|
||
|
|
"default": "'span'",
|
||
|
|
"class": "MuiSkeleton-root"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"classes": [
|
||
|
|
{
|
||
|
|
"key": "body-lg",
|
||
|
|
"className": "MuiSkeleton-body-lg",
|
||
|
|
"description": "Class name applied to the root element if `level=\"body-lg\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "body-md",
|
||
|
|
"className": "MuiSkeleton-body-md",
|
||
|
|
"description": "Class name applied to the root element if `level=\"body-md\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "body-sm",
|
||
|
|
"className": "MuiSkeleton-body-sm",
|
||
|
|
"description": "Class name applied to the root element if `level=\"body-sm\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "body-xs",
|
||
|
|
"className": "MuiSkeleton-body-xs",
|
||
|
|
"description": "Class name applied to the root element if `level=\"body-xs\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "h1",
|
||
|
|
"className": "MuiSkeleton-h1",
|
||
|
|
"description": "Class name applied to the root element if `level=\"h1\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "h2",
|
||
|
|
"className": "MuiSkeleton-h2",
|
||
|
|
"description": "Class name applied to the root element if `level=\"h2\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "h3",
|
||
|
|
"className": "MuiSkeleton-h3",
|
||
|
|
"description": "Class name applied to the root element if `level=\"h3\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "h4",
|
||
|
|
"className": "MuiSkeleton-h4",
|
||
|
|
"description": "Class name applied to the root element if `level=\"h4\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "title-lg",
|
||
|
|
"className": "MuiSkeleton-title-lg",
|
||
|
|
"description": "Class name applied to the root element if `level=\"title-lg\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "title-md",
|
||
|
|
"className": "MuiSkeleton-title-md",
|
||
|
|
"description": "Class name applied to the root element if `level=\"title-md\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "title-sm",
|
||
|
|
"className": "MuiSkeleton-title-sm",
|
||
|
|
"description": "Class name applied to the root element if `level=\"title-sm\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "variantCircular",
|
||
|
|
"className": "MuiSkeleton-variantCircular",
|
||
|
|
"description": "Class name applied to the root element if `variant=\"circular\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "variantInline",
|
||
|
|
"className": "MuiSkeleton-variantInline",
|
||
|
|
"description": "Class name applied to the root element if `variant=\"inline\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "variantOverlay",
|
||
|
|
"className": "MuiSkeleton-variantOverlay",
|
||
|
|
"description": "Class name applied to the root element if `variant=\"overlay\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "variantRectangular",
|
||
|
|
"className": "MuiSkeleton-variantRectangular",
|
||
|
|
"description": "Class name applied to the root element if `variant=\"rectangular\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "variantText",
|
||
|
|
"className": "MuiSkeleton-variantText",
|
||
|
|
"description": "Class name applied to the root element if `variant=\"text\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"spread": true,
|
||
|
|
"themeDefaultProps": true,
|
||
|
|
"muiName": "JoySkeleton",
|
||
|
|
"forwardsRefTo": "HTMLSpanElement",
|
||
|
|
"filename": "/packages/mui-joy/src/Skeleton/Skeleton.tsx",
|
||
|
|
"inheritance": null,
|
||
|
|
"demos": "<ul><li><a href=\"/joy-ui/react-skeleton/\">Skeleton</a></li></ul>",
|
||
|
|
"cssComponent": false
|
||
|
|
}
|