# Stepper

Guides users through a multi-step flow — horizontal or vertical, with completed-step checks.

- Install: `php artisan blatui:add stepper`
- Source: https://blatui.remix-it.com/r/stepper.json
- Composer: `composer require gehrisandro/tailwind-merge-laravel`

## resources/views/components/ui/stepper.blade.php

```blade
@props([
    'value' => 1,                    // active step (1-based)
    'orientation' => 'horizontal',   // horizontal | vertical
])

<div
    data-slot="stepper"
    x-data="{ step: @js((int) $value), orientation: @js($orientation) }"
    :data-orientation="orientation"
    {{ $attributes->twMerge('flex flex-col gap-8') }}
>
    {{ $slot }}
</div>
```