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

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

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

  <ion-card>

    <ion-list>

      <ion-list-header>
        Card List
      </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-card>

  <ion-card>

    <ion-list no-lines>

      <ion-list-header>
        Card List Without Lines
      </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-card>

  <ion-card>

    <ion-card-header>
      Card With Items (No List)
    </ion-card-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-card>


</ion-content>