Stepper
Live preview and documentation for the Stepper component.
Preview
componentPreview.loading
About
Multi-step progress indicator: a row of circles connected by lines, each one completed (check), current (filled, numbered), or upcoming (outlined). A wizard/checkout style.
steps: list ofKasyStepperStep({ title, subtitle }), one per step.currentIndex: the (0-based) index of the step in progress; earlier steps show as completed, later ones as upcoming.
Purely presentational: the caller controls which step is active via currentIndex. Different from KasyNumberStepper (a +/- quantity control) — this one shows progress through steps, not a number being incremented.
Last updated on 08/23/2026