search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
20.69k stars 1.27k forks source link

[Feature Request] Vertical f #2215

Open alexander-densley opened 6 months ago

alexander-densley commented 6 months ago

Is your feature request related to a problem? Please describe.

When using tabs you are limited to horizontal tabs (left to right), it would be awesome to have vertical tabs so you can toggle tabs and have different data appear to the right

Describe the solution you'd like

https://headlessui.com/react/tabs#vertical-tabs

As explained here^^^ headless ui has a nice feature for their tabs where you pass the vertical prop in and it turns the tabs vertical. It would be awesome to have similar functionality for nextui.

Describe alternatives you've considered

N/A

Screenshots or Videos

Screenshot 2024-01-08 at 3 44 45 PM
LukerSpringtree commented 4 months ago

I need this too.

samuelmburu commented 2 months ago

I need this as well, the website says the feature is available as does the repo, however with the latest next-ui/react@2.3.6 it is not available :(

https://nextui.org/docs/components/tabs#vertical https://github.com/nextui-org/nextui/blob/main/packages/components/tabs/src/tabs.tsx#L53

I take this back, I had to explicitly do an npm install on @next-ui/react@latest -- turns out the vscode package i was using to tell me when to update, didn't do a "full" install and so i didn't get the vertical tabs until I ran the npm i command in my terminal by hand... I'll go back to doing this manually in the future.

So this issue should be closed --- thanks for the hard work @thenextui team