API REFERENCE · NAVIGATION
<dj-wizard>
Step progress indicator. steps describes each step; active-step derives statuses (before=complete, at=inProgress, after=pending) unless a step sets its own. When clickable, clicking a step emits dj-step with its index. Part: step.
npm install @dojo-ng/wizard
import "@dojo-ng/wizard";Properties
| Property | Attribute | Type | Default |
|---|---|---|---|
steps |
steps |
Step[] |
[] |
activeStep |
active-step |
number |
None |
direction |
direction reflected |
"horizontal""vertical" |
"horizontal" |
clickable |
clickable |
boolean |
false |
Events
dj-step
CSS parts
Style these with dj-wizard::part(name).
step
Types
The types that the properties above use, as they are declared in the source.
Step
export interface Step { title?: string; subTitle?: string; description?: string; status?: StepStatus; }