The default template used by the Tabs extension is simple and responsive.
.nav-justified on the list being converted to tabs to have tabs fill the available horizontal space. The following pattern demonstrates the fade effect using the
.fade class as described on the Tabs extension page.
In addition to completely changing the overall look-and-feel, you can inject custom HTML (like icons).
Tabs don’t even need to look like traditional tabs. The following pattern shows tabs using a different pill-style navigation.
Tabs patterns are custom micro-templates that you can use with our Tabs extension. To have them applied when you create tabs within your article content, simply copy-and-paste the code into the bottom of your Article page template (
To learn how to actually create tabs within your article content, refer to the Tabs extension page.