I want to have a way to enable a ‘+’ button at the end to open a new tab, ‘x’ on each tab to close them, and to reorder the tabs with drag-n-drop. Basically, behave similar to Chrome tabs.
I did a lot of coding to try ot make HeroUI Tabs do what I want but I was only able to get adding and close, no rearranging, no renaming (or naming). And I put in an animation for new tab opening but could not get animation for a tab closing to work.
Junior Garcia
Team•
Mar 16
Hey @DougCube what would be the use case?
DougCube
•
Mar 16
In my use case I have a code editor box and want users to be able to add and remove new sheets. Perhaps reorder the tabs and rename the tabs. But of course there would have to be some max tabs setting and an onClose handler to do some clean up.
Log in to comment and vote
Comments4
DougCube
Mar 16
It is worth noting that there are competing UI packages that support this feature (but don’t look as amazing). Here’s an example:
https://ant.design/components/tabs#tabs-demo-editable-card
DougCube
Mar 16
I did a lot of coding to try ot make HeroUI Tabs do what I want but I was only able to get adding and close, no rearranging, no renaming (or naming). And I put in an animation for new tab opening but could not get animation for a tab closing to work.
Junior Garcia
Mar 16
Hey @DougCube what would be the use case?
DougCube
Mar 16
In my use case I have a code editor box and want users to be able to add and remove new sheets. Perhaps reorder the tabs and rename the tabs. But of course there would have to be some max tabs setting and an onClose handler to do some clean up.