Loading placeholders that match the shape of the content they stand in for, from avatars and text to cards, forms, and tables.

import { Skeleton } from "@plexui/vue/components/Skeleton";

Examples

API

Prop	Type	Default	Description
`circle`	`boolean`	`false`	Render a circular skeleton
`class`	`string`	—	Set dimensions and custom styling

Skeleton reads these component tokens. Override them at any scope to restyle it:

--skeleton-background: background (default light-dark(var(--alpha-08), var(--alpha-12)))
--skeleton-radius: radius (default var(--radius-md))