[Feature] Add Checkboxes Category and several Components

[ShravaniPathak]

Description

In UI design, a checkbox appears as a little square box on the screen that the user can check or uncheck. A checkbox allows users to select one of multiple options from a list, with each checkbox operating as an individual.

A checkbox can greatly improve user-friendliness and encourage user-interaction

Screenshots

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [X] I am a GSSOC'24 contributor.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @ShravaniPathak, Welcome to the project Beautiify! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Rakesh9100]

What exactly do you want to add and where @ShravaniPathak

[ShravaniPathak]

I noticed that there are a list of components present on the home page (such as buttons, cards, etc), that are useful when building a webpage. I wanted to "checkbox" to this list, and I was hoping to add an interactive square checkbox that looks like the embedded screenshot within this component:

[Rakesh9100]

Okay, so you want to add Checkbox Category. Will you also add 2-3 components inside that @ShravaniPathak

[ShravaniPathak]

Yes. I'm thinking of adding :

1. An interactive square checkbox that allows user to select multiple options
2. A interactive dot checkbox that only allows user to select a single option

[Rakesh9100]

The second one seems radio button and not a checkbox, correct me if I am wrong @ShravaniPathak

[ShravaniPathak]

Yes, my apologies. I accidently attached the wrong image. Here is the circular checkbox that I would like to implement (that would only allow one option to be selected at a time):

[Rakesh9100]

Okay go ahead @ShravaniPathak

[Rakesh9100]

Pls provide your PR @ShravaniPathak