Spinner

Feedback

SVG spinning loader with 5 sizes, 4 intents and accessible label.

Sizes

xs · sm · md · lg · xl

primary · secondary · neutral

Instalação via CLI

$ npx kikitocn add spinner

Interno:

@/lib/utils

Exemplo de uso

SpinnerExample.tsx

import { Spinner } from "@/components/ui/cn/spinner/Spinner";

export function SpinnerExample() {
  return (
    <Spinner />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`	Tamanho do spinner
`intent`	`'primary' \| 'secondary' \| 'neutral' \| 'current'`	`'primary'`	Cor do spinner (current usa a cor atual do texto)
`label`	`string`	`undefined`	Texto acessível para leitores de tela

Carregando…