Stepper

  1. Home
Solid Stepper

Solid stepper example.

  • 1 Step
  • 2 Step
  • 3 Step
Working with icon and avatar

You can also add additional elements, such as an avatar image or icons.

  • Image Description Step
  • Step
  • Loading... Step
Dynamic Linear

A dynamic stepper example that guides users through the steps of a task.

  • 1 Step
  • 2 Step
  • 3 Step

First content

Second content

Third content

Final content

Non-linear

With a "Complete Step" button.

  • 1 Step
  • 2 Step
  • 3 Step

First content

Second content

Third content

Final content

Skipped

A skip button step example.

  • 1 Step
  • 2 Step
  • 3 Step

First content

Second content

Third content

Final content

Active

Active stepper example.

  • 1 Step
  • 2 Step
  • 3 Step

Second content

Third content

Final content

Success

Success stepper example.

  • 1 Step
  • 2 Step
  • 3 Step

First content

Second content

Third content

Final content