Tabs

Use for navigating between multiple screens.

Basic Tabs


Place the tabs immediately before any .card element.

To toggle content, give each tab section a .tabview class and an id that matches the href of the tab.

You must call the tab initializer on any page with tabs.

initTabs()
<nav class="tabs">
  <a href="#" class="active">Atoms</a>
  <a href="#">Molecules</a>
  <a href="#">Planets</a>
</nav>