@angular/cdk/stepper is an unstyled primitive. See the Angular CDK stepper documentation for the full API. The four examples below cover the cross of linear (forms gate Next) and orientation (horizontal vs. vertical). Reactive-form wizard. Next stays disabled until the current step's form is valid.
Reactive-form checkout flow. Same gating, vertical layout — headers stack and the active step's body renders below its header.
Free navigation — click any header to jump to that step. No form validation gates progress.
Welcome to the demo. This stepper is non-linear: click any of the headers above to skip ahead.
Settings-style panel: click any section header to expand its content; no required order.
Avatar, display name, bio.