Skeleton

Display a placeholder preview of content before the actual data loads, reducing load-time frustration.

Variants

<me-skeleton variant="text" width="200px"></me-skeleton> <me-skeleton variant="rectangular" width="200px" height="60px"></me-skeleton> <me-skeleton variant="circular" width="40px" height="40px"></me-skeleton>

Wave Animation

<me-skeleton variant="text" animation="wave" width="200px"></me-skeleton>

No Animation

<me-skeleton variant="text" animation="false" width="200px"></me-skeleton>

Card Placeholder Example

API

Attribute	Type	Default	Description
`variant`	text \| rectangular \| rounded \| circular	text	Shape of the skeleton.
`animation`	pulse \| wave \| false	pulse	Animation style. Use "false" to disable.
`width`	string (CSS value)	—	Width applied as inline style.
`height`	string (CSS value)	—	Height applied as inline style.