KasyKasy

Spinner

Viewer ao vivo e documentação do componente Spinner.

Sobre

Indicador de carregamento: anel completo com gradiente angular (tom suave → cor forte) girando continuamente.

  • size: KasySpinnerSize.sm (16px), .md (24px, padrão) ou .lg (32px).
  • variant: KasySpinnerColor.primary (padrão), current (herda a cor do texto ao redor), success, warning ou danger.
  • color: sobrescreve variant com uma cor explícita (extremo forte do gradiente).
  • softColor: extremo suave do gradiente; padrão é color misturado 80% com a superfície.
  • diameter: sobrescreve size com um valor em px exato (útil para encaixar num slot fixo, como dentro de um botão).
  • strokeWidth: espessura do traço; padrão é ~1/6 do diâmetro.
  • semanticsLabel: rótulo de acessibilidade (padrão "Loading").

Respeita "reduce motion" do sistema (fica parado quando ativado).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página