inset text inputs

This commit is contained in:
Adam Bradley
2015-08-12 16:21:53 -05:00
parent db0413b2dd
commit 369e02bb7e
9 changed files with 94 additions and 49 deletions

View File

@@ -4,16 +4,44 @@
<ion-content>
<ion-list inset>
<ion-input>
<icon name="ion-search"></icon>
<input value="Input inside an inset list" type="text">
</ion-input>
<ion-input>
<input value="Input inside an inset list" type="text">
<icon name="ion-ios-mic"></icon>
</ion-input>
</ion-list>
<ion-list inset>
<ion-input inset>
<icon name="ion-search"></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 name="ion-ios-mic"></icon>
</ion-input>
</ion-list>
<ion-list>
<ion-input inset>
<icon name="ion-home"></icon>
<input value="Inset text input inside a list" type="text">
</ion-input>
<ion-input inset>
<input value="Inset text input inside a list" type="text">
</ion-input>
<icon name="ion-search"></icon>
<input value="Inset input inside a list" type="text">
<button outline>Search</button>
</ion-input inset>
</ion-list>
@@ -21,15 +49,16 @@
<ion-card>
<ion-input>
<input value="Text input inside a card" type="text">
<icon name="ion-home"></icon>
<icon name="ion-search"></icon>
<input value="Input inside a card" type="text">
</ion-input>
<ion-input>
<input value="Text input inside a card" type="text">
<icon name="ion-star"></icon>
<input value="Input inside a card" type="text">
<icon name="ion-ios-mic"></icon>
</ion-input>
</ion-card>
</ion-content>