[Navigation] Tabs about ui HOT 9 CLOSED

@ddahan Thanks for pointing this out! I took inspiration of it: https://ui-5uya9y0gg-nuxtlabs.vercel.app/navigation/tabs

from ui.

That's fine @benjamincanac - I personally don't think it's a bad thing at all.

Perhaps the the VerticalNavigation could simply become the new Tabs component?

It should provide two components, <TabNavigation> and <TabPanel>. Users could choose the placement of the tabs as they please, top, right, bottom or left and they would switch between different <TabContent> panels.

Another way to think about it is pretty much as an extension, or an evolution, of the Vertical Navigation. I think the current component has a pretty limited usage, and turning it into something more robust would be a great way forward.

from ui.

@oritwoen Sure thing, feel free to send a PR! The goal is here is to have something similar to https://ui.shadcn.com/docs/components/tabs based on https://headlessui.com/vue/tabs.

from ui.

Do you have a particular design we should use to base this on?

from ui.

I'm still thinking this through honestly. I know I'd like the tabs component to support either links or slots but for the design I've tried multiple times with pills, but each time I'm reverting the whole thing as it comes out exactly like the VerticalNavigation component with a flex class on it.

from ui.

@benjamincanac have you started with this feature yet? From time to time I create components for client platforms/sites and I could opensource my vision of tabs and draft PR if you didn't manage to start with this component :)

from ui.

I like the light animation they add on Pines UI when switching tab.

from ui.

Looks great!

from ui.

@benjamincanac Woow amazing! Keep up the great work!

from ui.