Files
Brandy Carney 04c795ec0e refactor(list): changing no-borders to no-lines b/c Ben hated it
Added line for headers on Android. Added some more tests for cards with
lists. Removed unused CSS. References #387
2015-10-30 17:53:21 -04:00

104 lines
1.7 KiB
HTML

<ion-toolbar><ion-title>List Cards</ion-title></ion-toolbar>
<ion-content class="outer-content">
<ion-card>
<ion-list>
<ion-header>
Card List
</ion-header>
<ion-switch>
<icon wifi item-left></icon>
Wifi
</ion-switch>
<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-header>
Card List Without Lines
</ion-header>
<ion-switch>
<icon wifi item-left></icon>
Wifi
</ion-switch>
<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-switch>
<icon wifi item-left></icon>
Wifi
</ion-switch>
<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>