stepper
This component displays the progress status of a task.
Some properties are common to all components, see Common component properties for a list and their configuration options.
The core structure includes: data, item, and completedPercentage (uses decimals, 1 equals completed)
The item property is the step component.
Other options:
title and subtitle - The title and subtitle/short description of the stepper
style - There are styling sets:
- isNegative
- isPositive
- isWarning
isExpandable - The boolean value that allows you to choose if the stepper will be expandable into steps or not
The item property is core for the stepper component, so even if you are creating a non-expandable stepper there is a need of filling the step component's title and value properties with an empty string: "")
Stepper example
In this example, we see a stepper component that shows us that the task is half done. For completeness, we will use it together with the step component. After expanding the stepper, the individual steps will be shown to us.
