## Loader
The full-surface branded loading screen shown while a new environment boots — workspace → editor, or editor → presenting.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-loader> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, audience, settings.
Props:
- label: string, default Loading. Accessible name announced by the role=status live region (e.g. "Opening the editor…")
Tokens: white, bg-container, radius-xl, ease-in-out.
Use when: Loader (a full-screen environment transition — the user lands in a new surface (workspace → editor, editor → presenting) and waits for it to boot); Spin (an inline, indeterminate wait inside an existing surface — a button, a panel, a section loading in place); Skeleton (the layout of the content being loaded is known — show its shape rather than a spinner).