Iheartweb

<!-- Selects #panel_one -->
<button data-lu="Button:Select" aria-controls="panel_one" type="button">One</button>
<!-- Selects #panel_two -->
<a href="#panel_two" role="button" data-lu="Button:Select">Two</a>
<!-- Selects #panel_three -->
<input type="button" aria-controls="panel_three" data-lu="Button:Select" value="three">
<!-- Selects #panel_four -->
<div data-lu="Button:Select" role="button" data-lu-config="{
  'Button:Select': {
    item: '#panel_four'

Iheartweb

<div id="toolbar-list" data-lu="List">
  <ul>
    <li id="tl-one" class="lu-selected">1</li>
    <li id="tl-two">2</li>
    <li id="tl-three">3</li>
    <li id="tl-four">4</li>
  </ul>
  <div class="button-group">
    <button data-lu="Button:Previous" type="button">&lsaquo;</button>
    <button aria-controls="tl-one" data-lu="Button:First" type="button">1</button>

Iheartweb

<ul data-lu="List" id="tree" class="clearfix">
  <li id="one"  class="lu-selected">
    <a href="#one" data-lu="Button:Select">One</a>
    <ul data-lu="List" class="branch">
      <li>
        <a href="#" data-lu="Button:Select">A</a>
        <ul data-lu="List" class="branch">
          <li>
            <a href="#" data-lu="Button:Select">Peanut Butter</a>
          </li>

Iheartweb

<ul data-lu="List" id="tiger-toe">
  <li id="eeny" class="lu-selected">
    <a href="#eeny" data-lu="Button:Select">Eeny Action</a>
  </li>
  <li id="meeny">
    <a href="#meeny" data-lu="Button:Select">Meeny Action</a>
  </li>
  <li id="miny">
    <a href="#miny" data-lu="Button:Select">Miny Action</a>
  </li>

Iheartweb

<div data-lu="Switcher" data-lu-config="{
  'Switcher': {
    states: ['a', 'b', 'c']
  }
}">
  <ul><!-- list items --></ul>
  <br/>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'a'

Iheartweb

<button data-lu="Button:Switch" data-lu-config="{
  'Button:Switch': {
    states: 'a'
  }
}" type="button">A</button>

Iheartweb

<div id="switcher-cycle" data-lu="Switcher" data-lu-config="{
  'Switcher': {
    states: ['a', 'b', 'c']
  }
}">
  <ul><!-- list items --></ul>
  <br/>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'd'

Iheartweb

<button data-lu="Button:Switch" data-lu-config="{
  'Button:Switch': {
    states: ['a', 'b', 'c']
  }
}" type="button">A/B/C</button>

Iheartweb

<button data-lu="Button:Switch" data-lu-config="{
  'Button:Switch': {
    states: 'a b'
  }
}" type="button">AB</button>

Iheartweb

<button data-lu="Button:Switch" data-lu-config="{
  'Button:Switch': {
     states: '['a b', 'a c', 'a', 'b', 'c']'
  }
}" type="button">AB/AC/A/B/C</button>