mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
107 lines
1.7 KiB
HTML
107 lines
1.7 KiB
HTML
<ion-toolbar><ion-title>List Headers</ion-title></ion-toolbar>
|
|
|
|
<ion-list>
|
|
|
|
<ion-header>
|
|
List Header
|
|
</ion-header>
|
|
|
|
<ion-item>
|
|
<icon name="ion-wifi" item-left></icon>
|
|
Wifi
|
|
<div class="item-note" item-right>
|
|
Terrible
|
|
</div>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-heart" item-left></icon>
|
|
Affection
|
|
<div class="item-note" item-right>
|
|
Very Little
|
|
</div>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-home" item-left></icon>
|
|
Home
|
|
<div class="item-note" item-right>
|
|
Where the heart is
|
|
</div>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-list>
|
|
|
|
<ion-header>
|
|
List Header
|
|
</ion-header>
|
|
|
|
<ion-item>
|
|
<icon name="ion-wand" item-left></icon>
|
|
Magic
|
|
<div class="item-note" item-right>
|
|
Activated
|
|
</div>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-star" item-left></icon>
|
|
Star status
|
|
<div class="item-note" item-right>
|
|
Super
|
|
</div>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-list>
|
|
|
|
<ion-header>
|
|
List Header with text that is too long to fit inside the list header
|
|
</ion-header>
|
|
|
|
<ion-item>
|
|
<icon name="ion-pizza" item-left></icon>
|
|
Pizza
|
|
<div class="item-note" item-right>
|
|
Always
|
|
</div>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-beer" item-left></icon>
|
|
Beer
|
|
<div class="item-note" item-right>
|
|
Yes Plz
|
|
</div>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-wineglass" item-left></icon>
|
|
Wine
|
|
<div class="item-note" item-right>
|
|
All the time
|
|
</div>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-list>
|
|
|
|
<ion-item>
|
|
<icon name="ion-chatbox" item-left></icon>
|
|
New List, no header, Item 1
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<icon name="ion-chatbox" item-left></icon>
|
|
New List, no header, Item 2
|
|
</ion-item>
|
|
|
|
</ion-list>
|