https://github.com/HassanDev13/stepper-react
The Stepper component was a missing piece of shadcn, but not anymore.
https://github.com/HassanDev13/stepper-react
react shadcn-ui stepper
Last synced: 7 months ago
JSON representation
The Stepper component was a missing piece of shadcn, but not anymore.
- Host: GitHub
- URL: https://github.com/HassanDev13/stepper-react
- Owner: HassanDev13
- Created: 2024-10-02T18:32:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-03T16:49:50.000Z (over 1 year ago)
- Last Synced: 2025-05-27T21:51:53.531Z (10 months ago)
- Topics: react, shadcn-ui, stepper
- Language: TypeScript
- Homepage: https://stepper-react.vercel.app
- Size: 233 KB
- Stars: 38
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github - react.vercel.app) | ★39 | (Components & Libraries)
README
# Stepper Component with Shadcn
This project implements a stepper component using [Shadcn](https://shadcn.dev/) and is deployed on [Vercel](https://vercel.com). The stepper allows users to navigate through multiple steps in a form-like interface.
## Demo
Check out the live demo: [View Demo](https://stepper-react.vercel.app/)
## Technologies Used
- [Shadcn](https://shadcn.dev/) for UI components
- [Vercel](https://vercel.com) for deployment
- [React](https://reactjs.org/) for building the component
- [Tailwind CSS](https://tailwindcss.com/) for styling
## Future Improvements
Here are some features and improvements planned for future updates:
- **Vertical Stepper**: Currently, the stepper is horizontal. A vertical version is planned to allow for more flexibility in UI design.
- **Step Validation**: Implement step validation logic to ensure users complete required fields before moving to the next step.
Feel free to open issues or contribute to these improvements!