Tabs for lists of links or arbitrary content. Under provided breakpoints they become an accordion. They are self-contained so it's possible to have many instances on the page.

Directive options:

  • init-tab - which tab should be active on init
  • force-accordion - be an accordion, always


  • in-pod -use with force-accordion when you want a accordion in a pod

Navigating works by specifing data-tab-nav attributes on a clickable nodes and data-tab attributes on tabs which are targets.