Duskmoon UI v10.0.11
Theme
Stepper dm_stepper
## Overview Stepper component using `@duskmoon-dev/core` CSS classes. Multi-step progress indicator for wizards and multi-step forms. Each step has a number, label, optional description, and state (active/completed/error/disabled/optional). ## Usage ```elixir <.dm_stepper> <:step label="Account" completed /> <:step label="Profile" active /> <:step label="Review" /> </.dm_stepper> ```

Basic Stepper

1
Account
2
Profile
3
Review

With Descriptions

1
Create Account Sign up with email
2
Fill Details Personal information
3
Verify Email Confirm your address
4
Done Start using the app

Vertical Layout

1
Order Placed Your order has been confirmed
2
Processing Preparing your package
3
Shipped On the way to you
4
Delivered Package arrived

Step States

1
Completed
2
Active
3
Error
4
Disabled
5
Optional

Dots Variant

1
Step 1
2
Step 2
3
Step 3
4
Step 4

Color Variants

1
Primary
2
Default
3
Pending
1
Secondary
2
Current
3
Pending
1
Tertiary
2
Current
3
Pending

Size Variants

1
Small
2
Steps
3
Here
1
Default
2
Size
3
Steps
1
Large
2
Steps
3
Here