Skip to main content
Question

Creating tabs like in a browser when you can add and delete tabs as well as navigate through them


I’m trying to create window tabs such as this


and I want it to function like a real browser tab where when I open a new window, a tab adds in and when I want to rid of it, I just simply delete the tab and its gone. Problem is I cant quite quite get the logic to it and cannot make it into reality. I need help with this.

This topic has been closed for replies.

5 replies

Vishal_Ramawat

Is it static content? Or are you trying to open URL in tabs? How many tabs you want?
If it is static, with lesser tabs you can try creating variants for Tabs and Content and use variables to change the Content on clicking of Tabs.



Just static tabs where it opens component tabs as well. Sort of like how web browsers add and close tabs but with the windows I’ve made in Figma. Is there a better and easier solution? And can you provide examples. Thanks


Vishal_Ramawat

I don’t think there would be an easy way, except if there is any plugin out there.
You can check out this video to get an idea of using tabs.
You can simply change visibility of Tabs to False using variables when you want click ‘x’ to close the tab. But restoring the tab won’t be possible, unless you implement a toast with ‘Undo’ option.


Alright I’ll make sure to check the video, although it seems like in the video the tabs are pre made more like a navbar.


Vishal_Ramawat

I you see my screenshots above, they have been created manually. Just a group of Text, Rectangle and a close button.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings