Stepper [sw-stp]
Indicador de progresso em etapas — checkout, onboarding, wizards de múltiplos passos.
1. Horizontal
Carrinho
Endereço
3
Pagamento
4
Confirmação
2. Vertical
Conta criada
14 Mar, 09:20
2
Verificar e-mail
Aguardando confirmação
3
Completar perfil
Referência
| Classe | Tipo | Descrição |
|---|---|---|
[sw-stp] | Base | Container — distribui os passos em linha. |
.sw-stp-v | Direção | Empilha os passos verticalmente. |
.sw-stp-it | Item | Um passo — número/check + rótulo. |
.is-act | Estado | Passo atual — destacado na cor primária. |
.is-dn | Estado | Passo concluído — verde com ✓, esconde o número. |