ionic-framework/e2e/show-hide-when/basic/main.html

<ion-toolbar><ion-title>Show/Hide When</ion-title></ion-toolbar>


<ion-content padding>

  <p show-when="ios" style="background:blue; color:white">
    show-when="ios"
  </p>

  <p show-when="android" style="background:green; color:white">
    show-when="android"
  </p>

  <p show-when="android,ios" style="background:yellow;">
    show-when="android,ios"
  </p>

  <p show-when="core" style="background:#ddd;">
    show-when="core"
  </p>

  <p show-when="mobile" style="background:orange;">
    show-when="mobile"
  </p>

  <p show-when="phablet" style="background:red;">
    show-when="phablet"
  </p>

  <p show-when="tablet" style="background:black;color:white">
    show-when="tablet"
  </p>

  <p show-when="iphone" style="background:purple; color:white;">
    show-when="iphone"
  </p>

  <p show-when="landscape" style="background:pink;">
    show-when="landscape"
  </p>

  <p show-when="portrait" style="background:maroon; color:white;">
    show-when="portrait"
  </p>

  <p hide-when="ios" style="background:blue; color:white">
    hide-when="ios"
  </p>

  <p hide-when="android" style="background:green; color:white">
    hide-when="android"
  </p>

  <p hide-when="android,ios" style="background:yellow;">
    hide-when="android,ios"
  </p>

</ion-content>