PF6.ProgressStepper

PF6 ProgressStepper component

A multi-step progress indicator showing the user's position in a workflow.

Definition

Opaque ProgressStepper type

type Step msg

Opaque Step type

= Pending

| Current

| Complete

Step status

Construct a ProgressStepper with a list of steps

progressStepper
    [ step "Setup" |> withStepComplete
    , step "Configure" |> withStepCurrent
    , step "Review"
    ]

step : String -> Step msg

Construct a step with a title

Mark a step as the current active step

Mark a step as complete

Mark a step as pending (default)

withStepIcon : Element msg -> Step msg -> Step msg

Set a custom icon for the step

Add a description below the step title

Display the stepper vertically

Use compact styling with reduced spacing

Render the ProgressStepper as an Element msg