Jose Tamu
October 29, 2025 /
Beginner /
Light

Expanding Nav

How it works

Expanding Nav is a nestable element made up of Nav Items and a Expanding Content element (which is made up of Expanding Items). You can put any element you want inside this Expanding Nav structure.
Be aware that first Nav Item will trigger the first Expanding Item, the second Nav Item is linked to the second Expanding Item and so on.
Inside the element controls you will find plenty of styling controls to customize the whole element, including flex settings and animations. Each element can be also customized at its own Style tab.
You can also put any element as a sibling of Nav Items and Expanding Content, just like the demo did with NB logo, Swap Hovers and Ripple Button.