mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
05c7b8f0d7
- add spacing between imports - alphabetize imports - removed app.html files in favor of an inline ion-nav - cleaned up config demo so it uses proper syntax - use file name main.html for the first page for the demo - name the app ApiDemoApp and first page ApiDemoPage - replace the ion-toolbars with ion-navbars closes #7019 closes driftyco/ionic-site#647
76 lines
1.8 KiB
HTML
76 lines
1.8 KiB
HTML
<ion-header>
|
|
|
|
<ion-navbar>
|
|
<ion-title>Label</ion-title>
|
|
</ion-navbar>
|
|
|
|
</ion-header>
|
|
|
|
|
|
<ion-content class="label-demo">
|
|
|
|
<ion-list>
|
|
<ion-item no-lines>
|
|
<ion-avatar item-left>
|
|
<img src="ionic.svg">
|
|
</ion-avatar>
|
|
<ion-label>Ionic</ion-label>
|
|
</ion-item>
|
|
|
|
<!-- TODO the styling of the icons can be removed when #5319 is done -->
|
|
<ion-item>
|
|
<ion-label stacked primary>Mobile</ion-label>
|
|
<ion-input type="tel" value="+1 (555) 123-1234"></ion-input>
|
|
<ion-icon primary item-right ios="ios-chatbubbles-outline" md="md-chatbubbles" class="mobile1"></ion-icon>
|
|
<ion-icon primary item-right ios="ios-call-outline" md="md-call" class="mobile2"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked primary>Email</ion-label>
|
|
<ion-input type="email" value="hi@ionic.io"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked primary>Birthday</ion-label>
|
|
<ion-input type="text" value="November 21, 2013"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked primary>Address</ion-label>
|
|
<ion-textarea
|
|
value="121 S Pinckney St
|
|
Madison WI 53703
|
|
United States">
|
|
</ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked dark>Notes</ion-label>
|
|
<ion-textarea></ion-textarea>
|
|
</ion-item>
|
|
|
|
<button ion-item detail-none>
|
|
<ion-label primary>Send Message</ion-label>
|
|
</button>
|
|
<button ion-item detail-none>
|
|
<ion-label primary>Share Contact</ion-label>
|
|
</button>
|
|
<button ion-item detail-none>
|
|
<ion-label primary>Add to Favorites</ion-label>
|
|
</button>
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|
|
<style>
|
|
.label-demo .mobile1, .label-demo .mobile2 {
|
|
position: absolute;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
.label-demo .mobile1 {
|
|
right: 35px;
|
|
}
|
|
</style>
|