Skip to main content
Exibe uma sequência de etapas numeradas para guiar o usuário em processos com múltiplos passos (ex.: configuração de produto, onboarding). A etapa ativa é destacada visualmente e as etapas anteriores ficam marcadas como concluídas.

​
Uso

<Stepper
  :active="currentStep"
  :items="[
    { label: 'Dados pessoais' },
    { label: 'Endereço' },
    { label: 'Pagamento' }
  ]"
  @click="currentStep = $event"
/>

​
Propriedades

PropriedadeTipoObrigatóriaDescrição
activeNumber✅Índice (base 0) da etapa atualmente ativa.
itemsArray✅Lista de etapas. Cada item deve ter um label (String).

​
Eventos

EventoPayloadDescrição
clickNumberEmitido com o índice da etapa clicada.