Stepper — On Track Vertical

block

The on-track layout in vertical orientation: indicators sit inline on a continuous connector rail, with each label and description beside its node. Compare with the separated layout, where the indicator sits alongside its own bar segment instead of on a shared rail.

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

Sign In

Stepper — On Track Vertical

block

The on-track layout in vertical orientation: indicators sit inline on a continuous connector rail, with each label and description beside its node. Compare with the separated layout, where the indicator sits alongside its own bar segment instead of on a shared rail.

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

components/astryx/examples/StepperOnTrackVertical.tsx