You won't be able to submit the form until you enter correct length of password and a valid email ID. Enjoy playing with it. :) #Hacktoberfest

npm package

Install the reusable component in your own React app:

npm install @fineanmol/annoying-submit-button

import AnnoyingSubmitButton from '@fineanmol/annoying-submit-button';
import '@fineanmol/annoying-submit-button/style.css';

<AnnoyingSubmitButton
  isValid={emailValid && passwordOk}
  className={`submit-button ${isValid ? 'button-success' : ''}`}
>
  Submit
</AnnoyingSubmitButton>

• isValid — when false, the button slides on hover so the user cannot click it easily until the form is valid.

Project Preview

:bulb: Live Project Link

Click here to play with Annoying Submit Button

:writing_hand: Authors

👤 Anmol Agarwal

:people_hugging: Show your support

Give a ⭐️ if you like this project and want to support it!

🛠️ Installation Steps

Star and Fork the Repo 🌟 and this will keep us motivated.

1. Clone the repository

2. Change the working directory

3. Install dependencies

4. Run the app

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b 'feature/AmazingFeature')
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Feel free to check the issues page.

📝 License

This project is under the MIT license.

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• I wish to show my appreciation
• etc

:pray: Thanks

Thanks to everyone who has contributed towards this project