Componentes · shadcn

spinner

Indicador visual de carga animado.

Anillo girando que avisa al usuario que algo está pasando — pago en proceso, pedido enviándose a la cocina. Úsalo para esperas cortas (menos de 5s); para procesos largos prefiere una progress con feedback.

Tamaños

Tres tamaños base: sm (16px) para inline en botones, default (24px) para feedback de área, lg (32px) para overlays a pantalla completa.

sm · default · lg

Color

El arco activo cambia con la clase border-t-*. Mantén el resto del anillo en muted-foreground/30 para preservar el contraste.

primary (aji)

foreground (tinta-900)

destructive

muted

Estado theme: ⚠ pendiente verificar.

↗ Ver en docs oficiales