Skeleton
Loading placeholders that preserve final layout shape.
Controls
import { Skeleton } from "raft-ui";
<Skeleton />variantdefault: "block""line" | "block" | "circle"
Shape treatment: text line, filled block, or circular avatar/status stand-in.
...propsHTMLAttributes<HTMLDivElement>
Native div attributes. Decorative loading shape; size comes from className so it can match final content.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "line" | "block" | "circle" | "block" | Shape treatment: text line, filled block, or circular avatar/status stand-in. |
...props | HTMLAttributes<HTMLDivElement> | — | Native div attributes. Decorative loading shape; size comes from className so it can match final content. |