Tabs are a simple way to split your content in a simple tabbed view.
To create a tab, you have to add the
.tab class to a div, and start creating your different tabs
using an unordered list syntax.
ul have to be a
.tab-menu which contains all the
li with the
These links refer to the IDs of your tab contents.
Active tab / Full width
You can add the
.active class to your tab link to make it the opened tab when the page is loaded.
.full-width class on the tab make all the
.tab-link take the
full width of the tab.
Here, the second tab-link is active, and all the tabs take the full width.
The arrow option allows you to remove the tab scrollbar and replace it with two arrows.
To use it, simply wrap your
.tab-menu inside a
Then, you have to add the
.tab-next arrows inside
Once HTML was setup, you can activate the tab with this simple code.
Just pass the id of your tab that you want to activate.
Accepted values are
|animationDelay||'none'||Opening and closing animation delay in ms.|
If you are using the
Automatically detects the active tab, and update the active indicator placement.
If there is no active tabs, the first tab will be the choosen.
|select(itemId)||Select the tab corresponding to the itemId and show the corresponding content.|
|ax.tab.setup||Event sent when the tab has been setup.|
|ax.tab.select||Event sent when the