nextui icon indicating copy to clipboard operation
nextui copied to clipboard

[Feature Request] Vertical Tabs

Open alexander-densley opened this issue 2 years ago • 2 comments

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

alexander-densley avatar Jan 08 '24 22:01 alexander-densley

I need this too.

LukerSpringtree avatar Mar 02 '24 07:03 LukerSpringtree

I need this as well, the website says the feature is available as does the repo, however with the latest next-ui/[email protected] 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

samuelmburu avatar May 13 '24 08:05 samuelmburu

Closing - see https://www.heroui.com/docs/components/tabs#vertical

wingkwong avatar Jan 28 '25 09:01 wingkwong