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

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

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

  <ion-list>

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

    <ion-toggle>
      <icon wifi item-left></icon>
      Wifi
    </ion-toggle>

    <ion-item>
      <icon heart item-left></icon>
      Affection
      <ion-note item-right>
        Very Little
      </ion-note>
    </ion-item>

    <ion-item>
      <icon home item-left></icon>
      Home
      <ion-note item-right>
        Where the heart is
      </ion-note>
    </ion-item>

  </ion-list>


  <ion-list>

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

    <ion-toggle checked="true">
      <icon color-wand item-left></icon>
      Magic
    </ion-toggle>

    <ion-item>
      <icon star item-left></icon>
      Star status
      <ion-note item-right>
        Super
      </ion-note>
    </ion-item>

  </ion-list>


  <ion-list>

    <ion-list-header>
      List Header with text that is too long to fit inside the list header
    </ion-list-header>

    <ion-item>
      <icon pizza item-left></icon>
      Pizza
      <ion-note item-right>
        Always
      </ion-note>
    </ion-item>

    <ion-item>
      <icon beer item-left></icon>
      Beer
      <ion-note item-right>
        Yes Plz
      </ion-note>
    </ion-item>

    <ion-item>
      <icon wine item-left></icon>
      Wine
      <ion-note item-right>
        All the time
      </ion-note>
    </ion-item>

  </ion-list>


  <ion-list>

    <ion-item>
      <icon chatboxes item-left></icon>
      New List, no header, Item 1
    </ion-item>

    <ion-item>
      <icon chatboxes item-left></icon>
      New List, no header, Item 2
    </ion-item>

  </ion-list>

</ion-content>