mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
72 lines
1.4 KiB
HTML
72 lines
1.4 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Inset Inputs</ion-title>
|
|
</ion-toolbar>
|
|
|
|
|
|
<ion-content class="outer-content">
|
|
|
|
|
|
<ion-list inset>
|
|
|
|
<ion-item>
|
|
<ion-icon name="search" item-left></ion-icon>
|
|
<ion-input value="Input inside an inset list"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="call" item-left></ion-icon>
|
|
<ion-input type="tel"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-icon name="mail" item-left></ion-icon>
|
|
<ion-input placeholder="Placeholder text"></ion-input>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-list inset>
|
|
|
|
<ion-item inset>
|
|
<ion-icon name="search" item-left></ion-icon>
|
|
<ion-input value="Inset input inside an inset list"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item inset>
|
|
<ion-input value="Inset input inside an inset list"></ion-input>
|
|
<ion-icon name="mic" item-right></ion-icon>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-list>
|
|
|
|
<ion-item inset>
|
|
<ion-icon name="search" item-left></ion-icon>
|
|
<ion-input value="Inset input inside a list"></ion-input>
|
|
<button outline item-right>Search</button>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
|
|
<ion-card>
|
|
|
|
<ion-item>
|
|
<ion-icon name="search" item-left></ion-icon>
|
|
<ion-input value="Input inside a card"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-input value="Input inside a card"></ion-input>
|
|
<ion-icon name="mic" item-right></ion-icon>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
|
|
</ion-content>
|