Spinner

Indicador de carga animado.

Tamaños y en botón

Vista previa

<Spinner className="h-5 w-5" />
<Button disabled><Spinner className="h-4 w-4" /> Cargando…</Button>

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Claro · base

Oscuro · base

Claro · emerald

Oscuro · violet