ionic-framework/e2e/item/buttons/main.html

<ion-toolbar><ion-title>Items as Links/Buttons</ion-title></ion-toolbar>

<ion-content>

  <a ion-item href="#" (click)="testClick($event)">
    a[ion-item]
  </a>

  <a ion-item class="activated" href="#" (click)="testClick($event)">
    a[ion-item].activated
  </a>

  <button ion-item (click)="testClick($event)">
    button[ion-item]
  </button>

  <button ion-item class="activated" (click)="testClick($event)">
    button[ion-item].activated
  </button>

  <ion-item>
    <button item-left (click)="testClick($event)">Default</button>
    Inner Buttons
    <button outline item-right (click)="testClick($event)">Outline</button>
  </ion-item>

  <ion-item>
    <button item-left (click)="testClick($event)">
      <icon home></icon>
      Left Icon
    </button>
    left icon buttons
    <button outline item-right (click)="testClick($event)">
      <icon star></icon>
      Left Icon
    </button>
  </ion-item>

  <ion-item>
    <button item-left (click)="testClick($event)">
      Right Icon
      <icon home></icon>
    </button>
    right icon buttons
    <button outline item-right (click)="testClick($event)">
      Right Icon
      <icon star></icon>
    </button>
  </ion-item>

  <ion-item>
    <button clear item-left (click)="testClick($event)">
      <icon navigate></icon>
    </button>
    icon only buttons
    <button clear item-right (click)="testClick($event)">
      <icon navigate></icon>
    </button>
  </ion-item>

  <ion-item>
    ion-item right icon/text button
    <button item-right (click)="testClick($event)">
      <icon refresh></icon>
      Refresh
    </button>
  </ion-item>

  <ion-item>
    <button clear item-left (click)="testClick($event)">
      <icon settings></icon>
      Settings
    </button>
    ion-item left clear button
  </ion-item>

  <ion-item>
    ion-item right clear button
    <button secondary clear item-right (click)="testClick($event)">
      Edit
    </button>
  </ion-item>

  <ion-item text-wrap>
    This is multiline text that has a
    long description of about how the text is really long
    and a <a href="#" (click)="testClick($event)">link</a>.
    <button outline item-right (click)="testClick($event)">View</button>
  </ion-item>
  
</ion-content>