Open in v0

Examples for shadcn-stepper with v0

Stepper demo

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-demo.json

Stepper with description

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-description.json

Stepper with react-hook-form

Open in Open in v0

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-form.json

Stepper with icons

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-icon.json

Stepper with label orientation

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-label-orientation.json

Stepper with responsive variant

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-responsive-variant.json

Stepper with tracking

Open in Open in v0

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-tracking.json

Stepper with variants

Open in Open in v0

Content for step-1

Install the example by copying the following command:

npx shadcn add https://stepperize.vercel.app/r/stepper-with-variants.json
Edit on GitHub

Last updated on

API

API reference for shadcn-stepper

Basic Examples

Explore various usage patterns of Stepperize in React applications.

On this page