SLIDEBOX

ionic/components/slides/test/basic/index.js

@@ -0,0 +1,19 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Slides, Slide, SlidePager, List, Item, Content, Button} from 'ionic/ionic';
+
+@Component({
+  selector: 'ion-app'
+})
+@View({
+  directives: [Slides, Slide, SlidePager, Content],
+  templateUrl: 'main.html'
+})
+class IonicApp {
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/slides/test/basic/main.html

@@ -0,0 +1,19 @@
+<ion-slides>
+  <ion-slide style="background-color: blue">
+    <h2>Page 1</h2>
+  </ion-slide>
+  <ion-slide style="background-color: yellow">
+    <h2>Page 2</h2>
+  </ion-slide>
+  <ion-slide style="background-color: pink">
+    <h2>Page 3</h2>
+  </ion-slide>
+  <ion-slide style="background-color: red">
+    <h2>Page 4</h2>
+  </ion-slide>
+  <ion-slide style="background-color: cyan">
+    <h2>Page 5</h2>
+  </ion-slide>
+  <ion-pager>
+  </ion-pager>
+</ion-slides>