Form stepper

Provides a visual representation of a form through a series of steps.

API documentation is automatically extracted from the component source code.

Form Step Props

text
string
The step label text displayed to users.
status
GoabFormStepStatus complete | incomplete | not-started
The completion status of the step. Affects visual styling and icons.
status
GoabFormStepStatus complete | incomplete | not-started
The completion status of the step. Affects visual styling and icons.
text
string
The step label text displayed to users.
text
string
The step label text displayed to users.
last
boolean true | false
Whether this is the last step in the form stepper. Affects styling when complete.
Defaults to false.
status
"complete" | "incomplete" | "not-started"
The completion status of the step. Affects visual styling and icons.

Form Step Events

_click
CustomEvent<{ step: unknown }>
Emits when the step is clicked.

Other

Don't
Don't use FormStepper for non-sequential navigation.
All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

No accessibility-specific guidelines have been documented for this component yet.
View old component docs