Progress Step

Progress step kit is used to show the progress of a process. There are three types of steps in this kit: completed, active, and inactive. Completed steps are indicated by a solid, blue circle (with or without an icon). The current, or active, step is indicated by an outlined blue circle. The inactive, or future, step is indicated by a solid gray circle.

You must set the icon prop to true for this kit.
This variant takes children just like the default progress step. It is best to use the caption kit for children in this variant.




Using State

Available Props