BVB Source Codes

ionic Show page-one.html Source code

Return Download ionic: download page-one.html Source code - Download ionic Source code - Type:.html
  1. <ion-header>
  2.  
  3.   <ion-toolbar>
  4.     <ion-title>Inset List</ion-title>
  5.   </ion-toolbar>
  6.  
  7. </ion-header>
  8.  
  9.  
  10. <ion-content class="outer-content">
  11.  
  12.   <div>
  13.     <ion-fab top center>
  14.       <button ion-fab><ion-icon name="add"></ion-icon></button>
  15.     </ion-fab>
  16.   </div>
  17.   <ion-fab bottom center>
  18.     <button ion-fab><ion-icon name="close"></ion-icon></button>
  19.   </ion-fab>
  20.  
  21.   <ion-list inset no-lines>
  22.  
  23.     <ion-list-header>
  24.       List Header 1
  25.     </ion-list-header>
  26.  
  27.     <a ion-item href="#">
  28.       <ion-icon name="alarm" item-start></ion-icon>
  29.       List Link Item 1
  30.     </a>
  31.  
  32.     <ion-item>
  33.       <ion-label>Toggle</ion-label>
  34.       <ion-toggle checked="true"></ion-toggle>
  35.     </ion-item>
  36.  
  37.     <ion-item>
  38.       <ion-label>Checkbox</ion-label>
  39.       <ion-checkbox checked="true"></ion-checkbox>
  40.     </ion-item>
  41.  
  42.     <ion-item>
  43.       <ion-icon name="boat" item-start></ion-icon>
  44.       List Button Item 1
  45.     </ion-item>
  46.  
  47.   </ion-list>
  48.  
  49.   <ion-list inset no-lines>
  50.       <ion-list-header>
  51.           List header 2
  52.       </ion-list-header>
  53.       <ion-item>
  54.           <ion-icon name="list" item-start></ion-icon>
  55.           item 1
  56.       </ion-item>
  57.   </ion-list>
  58.  
  59.   <ion-list>
  60.     <ion-list-header>
  61.         List header 3
  62.     </ion-list-header>
  63.     <ion-item>
  64.         <ion-icon name="list" item-start></ion-icon>
  65.         item 1
  66.     </ion-item>
  67.   </ion-list>
  68.  
  69.   <ion-list inset no-lines>
  70.     <ion-list-header>
  71.         List header 4
  72.     </ion-list-header>
  73.     <ion-item>
  74.         <ion-icon name="list" item-start></ion-icon>
  75.         item 1
  76.     </ion-item>
  77.   </ion-list>
  78.  
  79.   <ion-list inset>
  80.  
  81.     <ion-item>
  82.       Inset List, No Header
  83.       <button ion-button outline item-end>View</button>
  84.     </ion-item>
  85.  
  86.     <ion-item>
  87.       List Item 1
  88.     </ion-item>
  89.  
  90.     <ion-item>
  91.       List Item 2
  92.     </ion-item>
  93.  
  94.     <ion-item text-wrap>
  95.       This is a multiline content within a list that should
  96.       take up multiple lines and stuff.
  97.     </ion-item>
  98.  
  99.   </ion-list>
  100.  
  101.  
  102.   <ion-list inset>
  103.  
  104.     <ion-item>
  105.       Inset List, no header, no items
  106.     </ion-item>
  107.  
  108.   </ion-list>
  109.  
  110. </ion-content>
  111.  
downloadpage-one.html Source code - Download ionic Source code
Related Source Codes/Software:
requests - Python HTTP Requests for Humans  ... 2017-06-06
vue2-elm - Based on vue2 + vuex to build a large single-page ... 2017-06-05
localstack - A fully functional local AWS cloud stack. Develop ... 2017-06-05
mithril.js - A Javascript Framework for Building Brilliant Appl... 2017-06-05
moby - Moby Project - a collaborative project for the con... 2017-06-06
coding-interview-university - A complete computer science study plan to become a... 2017-06-06
nylas-mail - 2017-06-06
developer-roadmap - Roadmap to becoming a web developer in 2017 2017-06-06
design-patterns-for-humans - Design Patterns for Humans - An ultra-simplified e... 2017-06-06
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top