> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Stepper

> Indicador de etapas numeradas para processos multi-passo, com etapa ativa e navegação por clique.

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

```vue theme={"system"}
<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. |