How to do TAB component system

I try to do TAB system.

I don’t know how to do this or what components to use ?

See the kind of result I expect…
image

Welcome to the Forum!

For tabs, I haven’t found anything built in. But you might want to look into the third-party component library, Anvil Extras. It was announced in this Forum, and its developers are often seen here.

Just Search this Forum.

Tabs component

I use buttons that when clicked (1) show their container and hide the other containers, and (2) change their roles to look like selected or unselected tabs:

The final result looks good enough for me, and all I had to do was play a little with the roles:

The content of each tab is managed by one container, so it’s easy to manage both from IDE and from code.

4 Likes