Navegação

Componentes

Spinner

beta

Espera curta dentro de um controle, como um botão salvando. Para tela inteira, use Skeleton.

Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.

@voxmente/ui/components/ui/spinner

Playground
<Spinner />

Uso

Espera curta dentro de um controle — um botão salvando, um campo validando. Para o carregamento de uma tela inteira, use Skeleton.

Tamanho

Não existe prop de tamanho — o padrão é `size-4`. Ajuste com classe utilitária quando o contexto pedir outro tamanho.

Em botão

Dentro de um botão, use `data-icon` para o espaçamento correto e desabilite o botão enquanto a ação está em curso.

Referência da API

Extraída do TypeScript de @voxmente/ui a cada build. Se divergir do código, o código mudou.

Spinner não tem props próprias — aceita apenas as props herdadas, incluindo className e os atributos de DOM.

Pendência editorial: o que é, quando usar, quando não usar, acessibilidade, componentes relacionados, exemplo em contexto de produto. A lacuna aparece aqui em vez de ser preenchida com orientação inventada.

Origem do dado
  • Demonstrações e playground: componente real de @voxmente/ui
  • Referência da API: TypeScript do pacote
  • Cor, espaçamento e raio das demonstrações: tokens de theme.css