Awesome React Stepper
🚀
Highly Customizable Multi Stepper Component for React
🚀
Overview Awesome React Stepper
is a component library for building highly customizable multi stepped component. This library helps you to break the process of a form or flow into certain steps with availability of progress bars, customizable action buttons, responsiveness and developer friendly library. You can hide/unhide progress bar as per your needs. Action buttons can also be replaced with your theme and requirement. Hence, a perfect solution for your stepper functionality.
Read the complete in detail documentation on the website.
🎬
Getting Started To use Awesome React Stepper, install the NPM package.
Install NPM Package
npm install awesome-react-stepper
Or
yarn add awesome-react-stepper
Import And Use
import Stepper from "awesome-react-stepper";
...
function StepperComponent(props) {
return (
...
<Stepper>
<div>
<h1>Welcome to Awesome React Stepper</h1>
</div>
<div>
<h1>Add your content here!!!</h1>
</div>
<div>
<h1>Thank you for using Awesome React Stepper</h1>
</div>
</Stepper>
...
);
}
export default StepperComponent
Demo
To view a DEMO, click here
Documentation
For other features of the stepper
to make it customizable, check the documentation.
💡
Contributing All suggestions and ideas are welcomed. Please don't hesitate to open an pull request or issue.
To contribute to this project, take a look at the contributing guide.
📄
License LICENSED UNDER THE MIT LICENSE