Core UI
Stepper / Progress Indicator
Horizontal multi-step progress indicator with a filling connector line, collapsing to a compact step-count bar on phone.
$ velocityx add stepperBuilt for astro.
Full docs for Stepper / Progress Indicator →
- Account
- 2 Business details
- 3 Payment
- 4 Review
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| steps | string[] | Yes | ||
| current | number | Yes |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/stepper/Stepper.astroUsing the Stepper / Progress Indicator component
Install it with velocityx add stepper.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Core UI.
Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.
astroSingle pill component covering solid, soft, and outline badge variants across brand and semantic tones, with an optional removable tag mode.
astroStatic breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.
astroOne button primitive covering primary/secondary/ghost/destructive variants, three sizes, a loading spinner state, and an icon-only mode.
astro