The living catalog

Elements12/15

Skeleton

G5

A flat fill breathing opacity (1 → 0.55, 1.8s) — no shimmer wash. Spinners are banned outside buttons.

Posture

A flat fill breathing — no shimmer wash

Rows helper

npx candlelight-ds add skeleton

Use when

A pane is fetching content with a known rough shape.

Don't use when

An action button is pending — use its disabled state.

States
breathingstatic under reduced motion
Acceptance
  • The breathe loop dies under prefers-reduced-motion.
  • SkeletonRows carries role=status aria-label for screen readers.

Raw twin: /components/skeleton.md·Registry item: /r/skeleton.json