[RLD-98] - Radio components

novubot commented 2 years ago

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

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 radio 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 radio component, showcasing our designs options (Checked, un-checked).

Radio dark scheme:

Radio light scheme:

See the Button component for an implementation example.

For any questions feel free to contact us on discord 😃

Suveksha commented 2 years ago

Can I work on this issue?

scopsy commented 2 years ago

Sure thing @Suveksha, assigning you here. Feel free to jump on Discord if you need any help 🙏

fredsossa1 commented 2 years ago

Is this still open ? Looks like it was taken care in this Pull Request

ainouzgali commented 2 years ago

@fredsossa1 it was! thank you 😄