Feedback

Skeleton

A placeholder shape that mimics real content while it is still loading.

Install

import { Skeleton } from 'vael-ui'

variant

animated

import { Skeleton } from 'vael-ui'

<Skeleton variant="text" animated>Skeleton</Skeleton>

Name	Type	Default	Description
`variant`	`"text" \| "rect" \| "circle"`	`"text"`	`text` (default): 1em-tall rounded line. `circle`: round, aspect-ratio 1. `rect`: `--ui-radius` corners, sized by content or `ui.root`.
`animated`	`boolean \| undefined`	`true`
`ui`	`Partial<{ root: UiPartValue; }> \| undefined`

Name	Type	Description
`default`	`{}`

No events.

Name	Type	Description
`el`	`HTMLElement \| null`