Holo Skeleton
The <holo-skeleton> component renders a decorative (aria-hidden="true") placeholder block while
content is loading. Pair it with a surrounding role="status" region if the loading state itself
needs to be announced.
Live Previews
Section titled “Live Previews”Variants
Section titled “Variants”<holo-skeleton variant="circle"></holo-skeleton><holo-skeleton variant="text" width="8rem"></holo-skeleton><holo-skeleton variant="rect" height="6rem"></holo-skeleton>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| --------- | --------- | ------------------------------------------- | ------------------------------ | ----------- |
| variant | variant | The shape of the placeholder block. | 'text' \| 'circle' \| 'rect' | 'text' |
| width | width | The rendered width (any valid CSS length). | string | undefined |
| height | height | The rendered height (any valid CSS length). | string | undefined |