Stepper - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Descrição
`active`	`Number`	✅	Índice (base 0) da etapa atualmente ativa.
`items`	`Array`	✅	Lista de etapas. Cada item deve ter um `label` (String).

Eventos

Evento	Payload	Descrição
`click`	`Number`	Emitido com o índice da etapa clicada.

⌘I