A stepper structures multi-step processes into 2 or more expanding panels that break up complex workflows.

Design Guidelines

Code & Examples

The Stepper is an extension of the base Accordion component. The stepper requires use of the Angular Forms API. Using the Forms API allows the stepper to easily reflect the form state of each step in the stepper template.

Leverage our *clrIfExpanded structural directive on the clr-stepper-panel to only instantiate children when they are displayed.