ionic-framework/ionic/components/button/test/basic/main.html

<div class="padding" style="text-align:center">

  <p>
    <button>D</button>
    <button class="hover">D.hover</button>
    <button class="activated">D.activated</button>
  </p>

  <p>
    <button primary>P</button>
    <button primary class="hover">P.hover</button>
    <button primary class="activated">P.activated</button>
  </p>

  <p>
    <button secondary>S</button>
    <button secondary class="hover">S.hover</button>
    <button secondary class="activated">S.activated</button>
  </p>

  <p>
    <button danger>D</button>
    <button danger class="hover">D.hover</button>
    <button danger class="activated">D.activated</button>
  </p>

  <p>
    <button light>L</button>
    <button light class="hover">L.hover</button>
    <button light class="activated">L.activated</button>
  </p>

  <p>
    <button stable>S</button>
    <button stable class="hover">S.hover</button>
    <button stable class="activated">S.activated</button>
  </p>

  <p>
    <button dark>D</button>
    <button dark class="hover">D.hover</button>
    <button dark class="activated">D.activated</button>
  </p>

</div>