Showcase / host composition
Loading state.
Drive / Dots / Orbit marks with an elapsed timer. Dots compose MVP
thinking-indicator; Drive/Orbit are host chrome. Host owns
real wait state.
<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="components/button/button.css">
<link rel="stylesheet" href="components/loading-state/loading-state.css">
<link rel="stylesheet" href="host-chrome.css">
<link rel="stylesheet" href="host-extracts.css">Example
Working
Working
0.0s
Timer is showcase-only. Prefer prefers-reduced-motion;
pause offscreen in production hosts.