Spinner
Indicador de carregamento sem porcentagem — variantes border, grow e logo (marca).
Componente EletroDS —
Spinner, usado no código como <MeSpinner>. No Figma, use o componente da Library.O Spinner sinaliza carregamento sem porcentagem (não sabemos quanto falta). O ME tem três variantes — border, grow e logo (a marca). Quando o progresso é mensurável (prazo, upload), use o Progress.
Variantes
| Quero… | Use |
|---|---|
| Loading inline (botão, widget, célula) | variant="border" (padrão) |
| Pulso mais suave | variant="grow" |
| Tela/contexto de marca | variant="logo" — diferencial do ME |
Uso
| Cenário | Como |
|---|---|
| Inline | Spinner pequeno dentro do botão/widget que carrega. |
| Overlay de tela | Spinner centralizado sobre a área que está buscando dados. |
No código
<MeSpinner> é um componente EletroDS. Doc técnica em eletro.design/components/spinner. Aqui o foco é o uso em Design.
Acessibilidade
Marque a região como aria-busy="true" e dê um rótulo "Carregando". Respeite prefers-reduced-motion — reduza/elimine a animação para quem pediu menos movimento.