Skeleton

A skeleton component with shimmer placeholders for loading layouts.

vu-skeleton · @velkin/react/skeleton

Copy page

Import

React

npm i @velkin/react

import { VuSkeleton } from "@velkin/react/skeleton";

Tables match the member selected under Import.

Prop	Type	Default	Description
variant	VuSkeletonVariant	"rectangular"	Shape hint (`text`, `circular`, `rectangular`).
width	`string`	""	CSS width; blank uses the variant default.
height	`string`	""	CSS height; blank uses the variant default.
radius	`string`	""	Corner preset or length; ignored for `circular`.
animation	VuSkeletonAnimation	"wave"	`wave`, `pulse`, or `none`.
tone	VuSkeletonTone	"normal"	Neutral surface weight behind the shimmer.
inline	`boolean`	false	Inline-block text-line layout.

Part	Description
root	Shimmer block; wave overlay is `::after`.