luswitcher.html

<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'
    }
  }" type="button">A</button>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'b'
    }
  }" type="button">B</button>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'c'
    }
  }" type="button">C</button>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'd'
    }
  }" type="button">D</button>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: 'a b'
    }
  }" type="button">AB</button>
  <button data-lu="Button:Switch" data-lu-config="{
    'Button:Switch': {
      states: ['a', 'b', 'c']
    }
  }" type="button">A/B/C</button>
</div>