Progress Steps Components
Step indicators and progress tracking components for multi-step workflows with visual previews for all components.
import { ... } from "@/components/blocks/progress-steps"ProgressStepsHorizontalClassic
ProImport ProgressStepsHorizontalClassic from @/components/blocks/progress-steps
ProgressStepsVerticalClassic
ProImport ProgressStepsVerticalClassic from @/components/blocks/progress-steps
ProgressStepsWithContentClassic
ProImport ProgressStepsWithContentClassic from @/components/blocks/progress-steps
ProgressStepsCircularClassic
ProImport ProgressStepsCircularClassic from @/components/blocks/progress-steps
ProgressStepsNumbered
ProImport ProgressStepsNumbered from @/components/blocks/progress-steps
ProgressStepsMinimalClassic
ProImport ProgressStepsMinimalClassic from @/components/blocks/progress-steps
ProgressStepsHorizontal
FreeImport ProgressStepsHorizontal from @/components/blocks/progress-steps
ProgressStepsVertical
FreeImport ProgressStepsVertical from @/components/blocks/progress-steps
ProgressStepsCircular
ProImport ProgressStepsCircular from @/components/blocks/progress-steps
ProgressStepsDots
ProImport ProgressStepsDots from @/components/blocks/progress-steps
ProgressStepsIcons
ProImport ProgressStepsIcons from @/components/blocks/progress-steps
ProgressStepsConnected
ProImport ProgressStepsConnected from @/components/blocks/progress-steps
ProgressStepsCompact
ProImport ProgressStepsCompact from @/components/blocks/progress-steps
ProgressStepsDetailed
ProImport ProgressStepsDetailed from @/components/blocks/progress-steps
ProgressStepsCard
ProImport ProgressStepsCard from @/components/blocks/progress-steps
ProgressStepsMinimal
ProImport ProgressStepsMinimal from @/components/blocks/progress-steps
ProgressStepsAnimated
ProImport ProgressStepsAnimated from @/components/blocks/progress-steps
ProgressStepsResponsive
ProImport ProgressStepsResponsive from @/components/blocks/progress-steps
ProgressStepsCheckout
ProImport ProgressStepsCheckout from @/components/blocks/progress-steps
ProgressStepsOnboarding
ProImport ProgressStepsOnboarding from @/components/blocks/progress-steps
ProgressStepsInteractive
ProImport ProgressStepsInteractive from @/components/blocks/progress-steps
ProgressStepsWithContent
ProImport ProgressStepsWithContent from @/components/blocks/progress-steps
All 22 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/progress-steps