ionic-framework/e2e/list/inset/main.html

<ion-toolbar><ion-title>Inset List</ion-title></ion-toolbar>


<ion-content class="outer-content">

  <ion-list inset>

    <ion-list-header>
      Inset List Header
    </ion-list-header>

    <a ion-item href="#">
      <icon alarm item-left></icon>
      List Link Item 1
    </a>

    <a ion-item href="#">
      <icon analytics item-left></icon>
      List Link Item 2
    </a>

    <ion-toggle checked="true">
      Toggle
    </ion-toggle>

    <ion-checkbox checked="true">
      Checkbox
    </ion-checkbox>

    <button ion-item>
      <icon boat item-left></icon>
      List Button Item 1
    </button>

    <button ion-item>
      <icon book item-left></icon>
      List Button Item 2
    </button>

  </ion-list>


  <ion-list inset>

    <ion-item>
      Inset List, No Header
      <button outline item-right>View</button>
    </ion-item>

    <ion-item>
      List Item 1
    </ion-item>

    <ion-item>
      List Item 2
    </ion-item>

    <ion-item text-wrap>
      This is a multiline content within a list that should
      take up multiple lines and stuff.
    </ion-item>

  </ion-list>


  <ion-list inset>

    <ion-item>
      Inset List, no header, no items
    </ion-item>

  </ion-list>

</ion-content>