activeClassName The CSS class name to give the active tab and content container.

selector The selector for the element containing both the tabs and their content.

tabContent The selector for the content related to each tab. Scoped to selector .

tabTrigger The selector for the tabs that will trigger the content changing. Scoped to selector .


The following shows how to instantiate the component with a custom selector passed in.

All the above config options can be passed in the same way.

require([ "lib/components/tabs" ], function(Tabs) {
  new Tabs({
    selector: ".my-tabs"