Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
June 3, 2025 /  Intermediate /  Light

Looping Tabs

Tab
Tab
Tab
Tab

How it works

Looping Tabs element is made up of a Nav element that acts as the Tabs navigator. This Nav element contains Nav Items, where you can customize the progress gradient of that Nav Item.
Looping Tabs also has Tab elements, wrapped inside the Tabs element. You can place the content you want at each Tab.
The number of Nav Items should match your Tabs number.
You can set any style you need in the Style tab of any of the nested elements inside Looping Tabs: a specific Tab, Nav Item… or use the sections available in Looping Tabs to customize all of them at once, as well as the animations and the default active tab.

On this page