Spinner

import { Spinner } from "@arcadia/ui";

<Spinner label="Loading models" />

A 270° arc on a faint track, one turn a second; every spinner on screen turns together. Its colour is --spinner-color (icon-2); inside a Button, IconButton or Chip it follows the control's text, and those render it themselves while loading, in the icon's slot so the width never changes.

Which loader? A Spinner says a control or a small region is busy. A Skeleton holds the place of content on its way, a Pine Sweep says an agent is running, and a Shimmer marks live status text.

rootStyle takes layout and these knobs. Inside a control the spinner follows the control's text colour, its track a faint tint of it.

Decorative unless given a label, which makes it an img with that name; omit it when nearby text already says what is happening. A loading Button or IconButton sets aria-busy itself. With reduced motion the arc holds still.