Stepper
A visual indicator for multi-step processes.
Create an account
Enter your email below to create your account.
Installation
Run the following command to install the `stepper` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/stepper.json
Read-only
Use the component without the
Trigger wrapper to create status displays or tracking timelines.Order #33221
Estimated Delivery: Aug 16
Order Placed Mon, Aug 12
Processing Tue, Aug 13
3
Shipped Wed, Aug 14
4
Delivered Expected Fri, Aug 16
Vertical Orientation
Use the
orientation="vertical" prop. The components will automatically adjust their layout and separator alignment.Customization
You can customize the
Indicator content using snippets.Installation
npx jsrepo add https://your-registry.com/stepper