Women-Coding-Community/wcc-frontend

Tabs (reusable)

Opened this issue · 4 comments

Tab - Make a reusable component for the tab to allow to navigate between sections.

View:

Screenshot 2024-11-21 103209
Screenshot 2024-11-21 103148

I would split this - one is a hero and one is a title.
The navigation (tabs) is also used on the event container (Upcoming events, Past events)

If the reusable component can already display different titles in the font size and colour we want then just use that, and rewrite this ticket to be the tabs

@stepsen89 I got a bit confused, what you consider calling a hero ? I thought it would be the first part that you see on the page like an image, title... But in this case the hero you saying is the blue background, right? and I guess hero section is the first part in the page, that is more than one element.

@stepsen89 I got a bit confused, what you consider calling a hero ? I thought it would be the first part that you see on the page like an image, title... But in this case the hero you saying is the blue background, right? and I guess hero section is the first part in the page, that is more than one element.

In general the hero is considered the visual part and more prominent section so only the title with the background. You can just call it Hero, in FE those things are usually considered sections (even HeroSection)

Sections can be seen as whole width elements.

The part with the tabs and text content would then be a new section in this case and separate to the hero (the hero can be reused)

Let me know if that makes sense at all

Yes, is making sense to me, thanks!