Zum Hauptinhalt springen

Step

Step = object

Properties​

visible​

visible: boolean

Whether the step is visible or not.

tooltip​

tooltip: string

The tooltip text for the step that is displayed on hover.

label​

label: string

The label, that is shown below the icon.

completed​

completed: boolean

Whether the step is completed or not. This is used to determine whether the progress bar to the next step is filled.

isCurrentStep​

isCurrentStep: boolean

Marks the current step.

success?​

optional success: boolean

Whether the step was successful or not. A non-successful step will be marked with a different icon color by default.

Default​

undefined

skipped?​

optional skipped: boolean

Whether the step was skipped or not, which will result in a different border color. Only has an effect by default, if success is not set to true.

Default​

false

globalState?​

optional globalState: number

The global state the step represents. Could for example be used to construct custom css classes through the function getCssClassForStep.

Default​

undefined

icon​

icon: string

The icon that is shown for the step.

iconType?​

optional iconType: string

The icon type that is used for the step.

Default​

"entypo"

iconStyle?​

optional iconStyle: CSSProperties

Custom styles for the icon.

Default​

undefined