Spinner
Indicador de carga animado con variantes de tamaño y color.
pnpm dlx nuvo-ui add spinnerTamaños
Cargando...xs
Cargando...sm
Cargando...md
Cargando...lg
Cargando...xl
Variantes
Cargando...default
Cargando...muted
Cargando...white
En botón de carga
import { Spinner } from "@nuvo-ui/ui"
<button disabled className="flex items-center gap-2 ...">
<Spinner size="sm" variant="white" />
Guardando...
</button>Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Tamaño del spinner |
| variant | "default" | "muted" | "white" | "default" | Color del spinner |
| label | string | "Cargando..." | Texto para screen readers |
| className | string | — | Clases adicionales |