Skeleton

Skeleton reserves layout while content loads: pulse (opacity), shimmer (gradient sweep), or static none. Uses secondary.* surfaces and motion tokens. Deep import: kovax-react/skeleton.

Animation

Keyframes are injected once on mount when variant is not none. Duration and easing come from themeToken("duration.slow") and themeToken("easing.standard").

Shapes

Text lines

With <code>text</code>, height follows <code>text.sm</code>; narrow the last line with <code>style={{ width: "…" }}</code> or <code>width</code>.

Card preview

Accessibility: default role="presentation" and aria-hidden treat Skeleton as decorative — pair real loading semantics (aria-busy, visible labels) on the surrounding region.

Prefer <code>variant="none"</code> when the user has requested reduced motion.