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)
BlockNavigationOnValidationErrors Specifies whether validation errors will block the navigation or not.
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.
StepValidation An event raised by starting the validation of an step.
Command Description
ActiveStepChangedCommand A command called by changing the active step.
ContinueNavigationCommand A command called by navigating to the next step in a linear order.
BackNavigationCommand A command called by navigating to the previous step in a linear order.
CancelNavigationCommand A command called by cancelling the process.

Screenshots

Code example

Clone this wiki locally