javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 21:15:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): prettify ShowWhen demo

Browse Source
This commit is contained in:
Brandy Carney
2016-01-28 12:13:24 -05:00
parent 4df4afd2a4
commit aca9ea662e
1 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
demos/show-when/main.html
View File

@ -2,8 +2,29 @@
<ion-title>ShowWhen</ion-title> <ion-title>ShowWhen</ion-title>
</ion-navbar> </ion-navbar>
<ion-content padding> <ion-content padding class="show-when-demo">
<p showWhen="ios"> <h5>If the platform is Android, it will show the Android logo. If the platform is iOS, it will show the Apple logo.</h5>
<b>(showWhen="ios")</b> This text is shown on iOS only. Click the Android tab to hide this text.
</p> <div class="icon-div" showWhen="android">
<ion-icon name="logo-android"></ion-icon><br>
<code>&lt;div showWhen="android"&gt;</code>
</div>
<div class="icon-div" showWhen="ios">
<ion-icon name="logo-apple"></ion-icon><br>
<code>&lt;div showWhen="ios"&gt;</code>
</div>
</ion-content> </ion-content>
<style>
.show-when-demo .icon-div {
text-align: center;
}
.show-when-demo .icon-div ion-icon {
font-size: 200px;
}
.show-when-demo .icon-div code {
background: #f8f8f8;
}
</style>