Steps

Steps component display progress & tasks through a sequence order.

Basic

The default usage of Steps component.
2
3
4

Title

Example Steps with title.
Login
2
Order Placed
3
In Review
4
Approved

Vertical

Steps display in vertical
Login
2
Order Placed
3
In Review
4
Approved

Description

Steps can have description, but it only available for vertical layout.
Login Login to your account
2
Order Placed Start placing an order
3
In Review We will review the order
4
Approved Order approved

Custom Icon

Steps label can be replaced by icons.
Login
Order Placed
In Review
Approved

Error

Error example
Login
Order Placed
3
In Review
4
Approved

Clickable

Clickable steps example
Login
2
Order Placed
3
In Review
4
Approved