mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
34 lines
749 B
HTML
34 lines
749 B
HTML
<ion-toolbar>
|
|
<ion-title>HideWhen</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content class="hide-when-demo">
|
|
<h5 margin>Hide Icon Per Platform</h5>
|
|
<p margin>In this example we're using the <code>hideWhen</code> directive to decide whether to hide an icon based on the platform.</p>
|
|
|
|
<ion-row text-center>
|
|
<ion-col>
|
|
<ion-icon name="logo-android" hideWhen="ios"></ion-icon>
|
|
</ion-col>
|
|
<ion-col>
|
|
<ion-icon name="logo-apple" hideWhen="android"></ion-icon>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-content>
|
|
|
|
<style>
|
|
.hide-when-demo ion-col {
|
|
background: #f8f8f8;
|
|
border: 1px solid #ddd;
|
|
margin: 5px;
|
|
}
|
|
|
|
.hide-when-demo code {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.hide-when-demo ion-icon {
|
|
font-size: 200px;
|
|
}
|
|
</style>
|