<Skeleton variant="text" />
| Prop | Type | Default | Description |
|---|---|---|---|
| animation | 'pulse' | 'wave' | false | 'pulse' | The animation. If false the animation effect is disabled. |
| children | node | Optional children to infer width and height from. | |
| classes | object | Override or extend the styles applied to the component. See CSS API below for more details. | |
| component | elementType | 'span' | The component used for the root node. Either a string to use a HTML element or a component. |
| height | number | string | Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card. | |
| variant | 'text' | 'rect' | 'circular' | 'text' | The type of content that will be rendered. |
| width | number | string | Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own. |
<Skeleton variant="text" /><Skeleton variant="circular" width={40} height={40} /><Skeleton variant="rect" width={210} height={118} />
<Skeleton /><Skeleton animation={false} /><Skeleton animation="wave" /><Skeleton animation="pulse" />
<Typography variant="h1"><Skeleton /></Typography><Typography variant="h3"><Skeleton /></Typography>