Getting Started
Jose Tamu
Sep 22, 2025 /
Beginner /
Light

Looping Tabs

Tab
Tab
Tab
Tab

How it works

Looping Tabs widget is made up of a Nav that acts as the Tabs navigator. This Nav contains Nav Items, where you can customize the progress gradient of that Nav Item. Looping Tabs also has Tabs, wrapped inside a Tabs container. 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 elements that made up 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.