Switcher

Added Classes

  • .uk-active-danger
  • .uk-active-warning
  • .uk-active-success

Added JavaScript component

cls
The cls attribute specifies the class that will be active when using the switcher components.
By default, uk-active is specified.

These classes are used in conjunction with the subnav and tab components.

See UIkit Document

Tab

  • Hello!
  • Hello again!
  • Bazinga!
<ul uk-tab="cls: uk-active-warning">
    <li><a href="#">Active</a></li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
</ul>
<ul class="uk-switcher uk-margin">
    <li>Hello!</li>
    <li>Hello again!</li>
    <li>Bazinga!</li>
</ul>

Subnav

  • Hello!
  • Hello again!
  • Bazinga!
<ul class="uk-subnav uk-subnav-pill" uk-switcher="cls: uk-active-warning">
    <li><a href="#">Active</a></li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
</ul>
<ul class="uk-switcher uk-margin">
    <li>Hello!</li>
    <li>Hello again!</li>
    <li>Bazinga!</li>
</ul>