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