Skip to content

Stepper

Philipp Spiegel edited this page Feb 28, 2018 · 13 revisions

Stepper

Steppers are handy to break a big task into smaller parts. These are so called steps. It displays the progress of the full task as a numbered sequence of steps.

There a two layouts for a stepper, namely horizontal and vertical. Additionally the stepper can be in linear mode. This means that the user can only edit the steps in their fixed order. A non-linear Stepper allows the user to edit the steps in any order. You will find details and usage scenarios in the Material Design specification.

API

Property Description
Layout Defines the stepper as either horizontal or vertical.
IsLinear Enables the linear mode by disabling the buttons of the header.
Steps The steps which will be shown inside the stepper.
ActiveStep The active step. (read-only)
Event Description
ActiveStepChanged An event raised by changing to active step.
ContinueNavigation An event raised by navigating to the next step in a linear order.
BackNavigation An event raised by navigating to the previous step in a linear order.
StepNavigation An event raised by navigating to an arbitrarystep in a non-linear stepper.
CancelNavigation An event raised by cancelling the process.

Screenshots

Code example

Clone this wiki locally