ProgressIndicator
ProgressIndicator displays a user's progress through a multi-step flow.
Import
import { ProgressIndicator } from "@cfa/react-core";Live Editor
Examples
Default
The default layout displays each step label below its progress segment.
Compact
The compact layout displays a summary with the current step, next step, and count.
Complete
Use isComplete to mark every step complete and show the complete state.
useStepState
ProgressIndicator accepts step state directly. You can manage step state yourself or use the useStepState hook for simple step navigation.