In web apps, "Nav Tabs" are like organized labels for navigation. They're a set of clickable tabs usually found at the top of a webpage.

Each tab represents a different section of the page, and when you click on one, it shows the content related to that tab.

It's a handy way to structure and navigate through information, making it easy for users to switch between different parts of a website.

Fuzen allows you to easily add such Nav tabs within your SaaS apps.

To add a Nav tabs to your page, click on “Add New Block”.

Then select HTML as the block type.

Then mention the alignment in which the tabs should be displayed.

Adjust the margin and padding of the tabs.

Padding: Padding is the space that’s inside the element between the element and the border.

Margin: Margin is the space between the border and the next element of your design.

You can add multiple such tabs to your app.

Click on the “x” button to delete the tabs. Use the Navigation buttons to change the sequence.

Once all the tabs are added, click on “Save”.

You can add different elements within each tab as per your requirements.

Once you have added Nav tabs to your app, you may want to edit it later. You can easily do it by going to the Build With No-Code page.

Click on the Nav Tab block.

The edit section will open on the left side. Here you can make all the required changes and then click on “Update”.