Loading States
Operações >300ms mostram skeleton ou spinner. Nunca deixar área em branco durante carregamento.
Skeleton — Cards de Métrica
Skeleton — Tabela
| Título | Fluxo | Status | Data |
|---|---|---|---|
Skeleton — Formulário
Spinners — Uso em Botões e Inline
Sincronizando com n8n...
Processando aprovação
Loading de Página Completa
Carregando aprovações...
Regras
✓Operações >300ms: skeleton ou spinner obrigatório
✓Botão async:
disabled + Loader2 animate-spin✓Skeleton mantém layout estável — sem CLS
✓Skeleton usa
animate-pulse bg-muted✗Área em branco durante carregamento
✗Spinner de longa duração sem mensagem de contexto