[RLD-24] - Tabs - Horizontal Menu

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 Tabs 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 tabs component, showcasing our designs options.

Tabs dark scheme:

Tabs light scheme:

See the Button or Switch component for implementation examples.

For any questions feel free to contact us on discord 😃

Abobos commented 2 years ago

@ainouzgali Seems like a good one to harness my super powers

ainouzgali commented 2 years ago

@Abobos don't hesitate to reach out to us with any question :)