KasyKasy

Stepper

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

Sobre

Indicador de progresso multi-etapas: fileira de círculos conectados por linhas, cada um concluído (check), atual (preenchido, numerado) ou futuro (contorno). Estilo wizard/checkout.

  • steps: lista de KasyStepperStep({ title, subtitle }) — um por etapa.
  • currentIndex: índice (0-based) da etapa em andamento; etapas anteriores aparecem concluídas, posteriores como futuras.

Puramente apresentacional: quem chama controla qual etapa está ativa via currentIndex. Diferente do KasyNumberStepper (controle de quantidade +/-) — este mostra progresso através de etapas, não um número sendo incrementado.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página