Slides

ionic/components/app/test/snapcat/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 {Nav, Slides, Slide, Content, Button} from 'ionic/ionic';
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Nav, Slides, Slide, Content, Button]
+})
+export class IonicApp {
+  constructor() {
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/app/test/snapcat/main.html

@@ -0,0 +1,31 @@
+<ion-slides>
+  <ion-slide>
+    <ion-view>
+      <ion-toolbar>
+        <ion-title>secret</ion-title>
+      </ion-toolbar>
+      <ion-content>
+        <h2>Page 1</h2>
+      </ion-content>
+    </ion-view>
+  </ion-slide>
+  <ion-slide>
+    <ion-view>
+      <ion-toolbar>
+        <ion-title>feed</ion-title>
+      </ion-toolbar>
+      <ion-content>
+        <h2>Page 2</h2>
+      </ion-content>
+    </ion-view>
+  </ion-slide>
+</ion-slides>
+
+<style>
+.navbar-container {
+  background-color: #ff6600 !important;
+}
+.nav-ios ion-title {
+  color: #fff !important;
+}
+</style>