Loading

Skeletons and loaders that hold layout while data arrives.

6 sub-components · 100% covered

Sub-components

• Skeleton linecanon✓✓✓✓✓✓Shimmering placeholder line in three heights (sm, default, lg); the atom every loading layout is built from.
• Skeleton listcanon✓✓✓✓✓✓Ready-made loading body for listings: avatar circle, main line and a meta line, with aria-busy on the wrapper.
• Loadercanon✓✓✓✓✓✓The lying-eight loader for short waits — buttons, dialogs, inline pending; takes its colour from `color`.
• List loadercanon✓✓✓✓✓✓The drumming hand shown while a long listing loads or pages in (AD P93); listings only, never buttons.
• Progresscanon✓✓✓✓✓✓The one canonical progress bar: work that takes minutes — the step in words, an optional number, time left, optional steps; running, done or failed.
• Detail state screencanon✓✓✓✓✓✓Minimal record-detail frame (back button + one line) for loading and not-found; same header geometry as the loaded detail.