Advertisement
Guest User

Untitled

a guest
Jan 18th, 2019
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.20 KB | None | 0 0
  1. inline
  2.  
  3. <ion-header>
  4.  
  5.   <ion-navbar color="danger">
  6.     <ion-title>floating</ion-title>
  7.   </ion-navbar>
  8. </ion-header>
  9.  
  10.  
  11. <ion-content padding>
  12.   <ion-list>
  13.  
  14.     <ion-item>
  15.       <ion-label fixed>Username</ion-label>
  16.       <ion-input type="text" value=""></ion-input>
  17.     </ion-item>
  18.  
  19.     <ion-item>
  20.       <ion-label fixed>Password</ion-label>
  21.       <ion-input type="password"></ion-input>
  22.     </ion-item>
  23.  
  24.   </ion-list>
  25.   <button ion-button block color="danger">Sign In</button>
  26. </ion-content>
  27.  
  28. ----------------------------------------------------------
  29. inset
  30.  
  31. <ion-header>
  32.  
  33.   <ion-navbar color="dark">
  34.     <ion-title>inset</ion-title>
  35.   </ion-navbar>
  36.  
  37. </ion-header>
  38.  
  39.  
  40. <ion-content padding>
  41.   <ion-list>
  42.  
  43.     <ion-item>
  44.       <ion-label fixed>Username</ion-label>
  45.       <ion-input type="text" value=""></ion-input>
  46.     </ion-item>
  47.  
  48.     <ion-item>
  49.       <ion-label fixed>Password</ion-label>
  50.       <ion-input type="password"></ion-input>
  51.     </ion-item>
  52.  
  53.   </ion-list>
  54.   <button ion-button block color="dark">Sign In</button>
  55. </ion-content>
  56.  
  57. -------------------------------------------
  58.  
  59. placeholder
  60.  
  61. <ion-header>
  62.  
  63.   <ion-navbar color="danger">
  64.     <ion-title>placeholder</ion-title>
  65.   </ion-navbar>
  66.  
  67. </ion-header>
  68.  
  69.  
  70. <ion-content padding>
  71.   <ion-list>
  72.  
  73.     <ion-item>
  74.       <ion-label fixed>Username</ion-label>
  75.       <ion-input type="text" value=""></ion-input>
  76.     </ion-item>
  77.  
  78.     <ion-item>
  79.       <ion-label fixed>Password</ion-label>
  80.       <ion-input type="password"></ion-input>
  81.     </ion-item>
  82.  
  83.   </ion-list>
  84.   <button ion-button block color="danger">Sign In</button>
  85. </ion-content>
  86.  
  87. -------------------------------------
  88.  
  89. stacked
  90.  
  91. <ion-header>
  92.  
  93.   <ion-navbar color="primary">
  94.     <ion-title>stacked</ion-title>
  95.   </ion-navbar>
  96.  
  97. </ion-header>
  98.  
  99.  
  100. <ion-content padding>
  101.   <ion-list>
  102.  
  103.     <ion-item>
  104.       <ion-label fixed>Username</ion-label>
  105.       <ion-input type="text" value=""></ion-input>
  106.     </ion-item>
  107.  
  108.     <ion-item>
  109.       <ion-label fixed>Password</ion-label>
  110.       <ion-input type="password"></ion-input>
  111.     </ion-item>
  112.  
  113.   </ion-list>
  114.   <button ion-button block color="primary">Sign In</button>
  115. </ion-content>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement