[RLD-23] - Checkbox component

[rockingrohit9639]

Why?

We are in the process of creating our new core components using mantine and creating our very own storybook for easier UI development.

To learn more about our design system see #219

How?

To start contributing you need to run storybook locally:

npm run setup:project
cd apps/web 
npm run storybook

To contribute, add a new component directory named checkbox in apps/web/src/design-system/ with the following files:

1. Component file, overriding Mantine’s default implementation based on the design below.

2. Styles implementation, to fit our design. Consider dark and light color scheme.

3. Create a story for the checkbox component, showcasing our designs options (Checked, and un-checked).

Checkbox designs

Checkbox dark scheme:

Checkbox - Relayed Design System (Figma)

Checkbox light scheme:

Checkbox - Relayed Design System (Figma)

See the Button component for an implementation example.

Need help?

For any questions feel free to contact us on discord 😃

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

docs – ./docs

🔍 Inspect: https://vercel.com/relayed/docs/3iev9c8D3U8qpacr7iMBamRRT8J9
✅ Preview: Canceled

[Deployment for 747b949 canceled]

storybook – ./

🔍 Inspect: https://vercel.com/relayed/storybook/HsP2AzW6f2Jf4wYVJTs5KgBy4tLz
✅ Preview: https://storybook-git-fork-rockingrohit9639-master-relayed.vercel.app

[ainouzgali]

@rockingrohit9639 thank you for contributing!!
Amazing work, I really loved your initiative :)
Just please check out the comments about the deign details.
Let me know if you need anything

[rockingrohit9639]

@rockingrohit9639 thank you for contributing!! Amazing work, I really loved your initiative :) Just please check out the comments about the deign details. Let me know if you need anything

Okay @ainouzgali I will do all the required changes.

[gitpod-io]

[ainouzgali]

Looks greattt!
just that change in background please
thank you :)))

[rockingrohit9639]

@ainouzgali I have done all the required changes. Please have a look and merge if possible.

[ainouzgali]

@rockingrohit9639 Great job on your first pr!! Thank you for contributing 🎉⭐️