Stepper — On Track Horizontal

block

The on-track layout in horizontal orientation: instead of sitting beside the label, each indicator is slotted into the connector itself, so the numbered nodes read as beads on one continuous line. Labels center under their node.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-stepper-on-track-horizontal.json"

Sign In

Stepper — On Track Horizontal

block

The on-track layout in horizontal orientation: instead of sitting beside the label, each indicator is slotted into the connector itself, so the numbered nodes read as beads on one continuous line. Labels center under their node.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-stepper-on-track-horizontal.json"

components/astryx/examples/StepperOnTrackHorizontal.tsx