Annoying Submit Button in a Form using ReactJS

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

💡 Live Project Link

Click here to play with Annoying Submit Button

---

✍️ Authors

👤 Anmol Agarwal

---

🫂 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

git clone https://github.com/fineanmol/Annoying-submit-button

2. Change the working directory

cd Annoying-submit-button

3. Install dependencies

npm install

4. Run the app

npm start

---

🤝 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

---

🙏 Thanks

Thanks to everyone who has contributed towards this project

---