Step API in Vue Stepper API component

Specifies the steps of the Stepper.

Properties

cssClass

string

Defines the CSS class to customize the step appearance.

Defaults to ”

disabled

boolean

Defines whether a step is enabled or disabled.

Defaults to false

iconCss

string

Defines the icon content of the step.

Defaults to ”

isValid

boolean

Defines the state whether it is valid completion or not.

Defaults to null

label

string

Defines the label content of the step.

Defaults to ”

optional

boolean

Defines whether the step is optionally to skip completion or not.

Defaults to false

status

string | StepStatus

Defines the status of the step. The possible values are

• NotStarted
• InProgress
• Completed

Defaults to StepStatus.NotStarted

text

string

Defines the text content of the step.

Defaults to ”