ion-card as a list code example

Example: ion card with list of add items

<ion-card class="ion-card-list">
    <ion-card-content>
      <ion-item href="#">
        <ion-icon name="wifi" slot="start"></ion-icon>
        <ion-label>Card 1 Item</ion-label>
      </ion-item>

      <ion-item href="#">
        <ion-icon name="wine" slot="start"></ion-icon>
        <ion-label>Card 2 Item</ion-label>
      </ion-item>

      <ion-item class="ion-activated">
        <ion-icon name="warning" slot="start"></ion-icon>
        <ion-label>Card 3 activated</ion-label>
      </ion-item>

      <ion-item>
        <ion-icon name="walk" slot="start"></ion-icon>
        <ion-label>Card Button Item 4</ion-label>
      </ion-item>
    </ion-card-content>
  </ion-card>

Tags:

Misc Example