StepperProgress
Indicador de etapas em segmentos. A etapa atual recebe aria-current="step" e cada segmento tem um texto para leitores de tela com o número, o nome e o estado.
Fluxo do signatário
Com onStepClick, as etapas concluídas viram botões e dá para voltar a elas pelo teclado.
Só segmentos
Sem steps, sobra a barra. É o formato usado no cabeçalho estreito do celular.
Envio de envelope
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| totalSteps | number | — | Quantidade de etapas. Mínimo 1. |
| currentStep | number | — | Etapa atual, contada a partir de 1. |
| steps | string[] | — | Nomes das etapas, mostrados abaixo dos segmentos. |
| showLabels | boolean | true | Mostra os nomes quando steps existe. |
| showCount | boolean | false | Mostra “Etapa N de T” acima. |
| label | string | "Progresso das etapas" | Nome acessível do nav. |
| onStepClick | (step: number) => void | — | Torna clicáveis as etapas concluídas. |