ionic-framework/e2e/button/basic/main.html

<ion-toolbar>
  <ion-title>Default Buttons</ion-title>
</ion-toolbar>

<ion-content padding style="text-align:center">

  <p>
    <button><span>Default</span></button>
    <button class="activated">Default.activated</button>
  </p>

  <p>
    <button primary>Primary</button>
    <button primary class="activated">Primary.activated</button>
  </p>

  <p>
    <button secondary>Secondary</button>
    <button secondary class="activated">Secondary.activated</button>
  </p>

  <p>
    <button danger>Danger</button>
    <button danger class="activated">Danger.activated</button>
  </p>

  <p>
    <button light>Light</button>
    <button light class="activated">Light.activated</button>
  </p>

  <p>
    <button dark>Dark</button>
    <button dark class="activated">Dark.activated</button>
  </p>

</ion-content>