# `PhiaUi.Components.StepperNav`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/stepper_nav.ex#L1)

Visual step progress indicator for onboarding, checkout, and wizard flows.

Two components:

- `stepper_nav/1` — horizontal or vertical step container
- `stepper_nav_item/1` — individual step with state-based styling

# `stepper_nav`

Renders a step progress indicator container.
## Attributes

* `orientation` (`:atom`) - Defaults to `:horizontal`. Must be one of `:horizontal`, or `:vertical`.
* `variant` (`:atom`) - Defaults to `:default`. Must be one of `:default`, `:dots`, or `:progress`.
* `current_step` (`:integer`) (required)
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required) - stepper_nav_item/1 children.

# `stepper_nav_item`

Renders an individual step inside stepper_nav.
## Attributes

* `step` (`:integer`) (required)
* `state` (`:atom`) - Defaults to `:pending`. Must be one of `:pending`, `:active`, `:complete`, or `:error`.
* `on_click` (`:string`) - phx-click event for non-linear navigation. Defaults to `nil`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required) - Step label text.
* `description` - Optional subtitle.

---

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