Steps visualize a set of related steps or a sequence of process defined by user milestones.
Steps are available in two orientations — horizontal or vertical.
Secondary labels can be used when needed to provide additional context.
Inline labels are available for the horizontal orientation of steps.
Labels can be hidden to allow the Steps component to fill the container.
A step summary can be shown when labels are hidden. The step summary allows the user to see the label of the current step directly below the step group and is recommended for smaller screens and responsive mobile views.
Step items have six status values available — incomplete, active, complete, disabled, error or warning.
Steps in vertical orientation can be set to be expandable and show more content.
Steps can be displayed in medium and small sizes.
Steps are often used to build a Stepped Progression or Wizard.