# `FrappeUIPhx.Components.Stepper`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/components/stepper.ex#L1)

Indicador de etapas. A etapa atual (`current`, índice a partir de 0; igual ao
número de etapas = tudo concluído) é um assign do servidor, e o estado de cada
etapa (`:done | :current | :upcoming`) é derivado dele. Com `on_go`, as etapas
concluídas viram botões que voltam para elas (`%{"step" => índice}`). Experimental.

# `state`

```elixir
@spec state(non_neg_integer(), non_neg_integer()) :: :done | :current | :upcoming
```

Estado da etapa `index` dado `current`.

# `stepper`

## Attributes

* `current` (`:integer`) (required)
* `orientation` (`:atom`) - Defaults to `:horizontal`. Must be one of `:horizontal`, or `:vertical`.
* `on_go` (`:string`) - Defaults to `nil`.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `step` (required) - Accepts attributes:

  * `label` (`:string`) (required)
  * `description` (`:string`)

---

*Consult [api-reference.md](api-reference.md) for complete listing*