Step

A step shows the completion status of an activity in a series of activities.

Step

A single step.

You can do the same using shorthands.

Steps

A set of steps.

You can do the same using shorthands.

Ordered

A step can show a ordered sequence of steps.

Vertical

A step can be displayed stacked vertically.

Description

A step can contain a description.

You can do the same using shorthands.

Icon

A step can contain an icon.

You can do the same using shorthands.

Link

A step can link.

Active

A step can be highlighted as active.

Completed

A step can show that a user has completed it.

A step can show that a user has completed it when its group is ordered.

Disabled

A step can show that it cannot be selected.

Stackable

A step can stack vertically only on smaller screens.

Unstackable2.2.11

A step can prevent itself from stacking on mobile.

Fluid

A fluid step takes up the width of its container.

Attached

Steps can be attached to other elements.

Evenly Divided

Steps can be divided evenly inside their parent.

Size

Steps can have different sizes.