diff --git a/ionic/components/segment/test/nav/index.ts b/ionic/components/segment/test/nav/index.ts
new file mode 100644
index 0000000000..e9563d6a6c
--- /dev/null
+++ b/ionic/components/segment/test/nav/index.ts
@@ -0,0 +1,25 @@
+import {FORM_DIRECTIVES, FormBuilder, Validators, Control, ControlGroup} from 'angular2/angular2';
+
+import {App, Page} from 'ionic/ionic';
+
+
+@Page({
+ templateUrl: 'main.html',
+ providers: [FormBuilder],
+ directives: [FORM_DIRECTIVES]
+})
+class SegmentPage {
+ constructor(fb: FormBuilder) {
+ this.relationship = 'enemies';
+ }
+}
+
+@App({
+ pages: [SegmentPage],
+ template: ``
+})
+class MyApp {
+ constructor() {
+ this.root = SegmentPage;
+ }
+}
diff --git a/ionic/components/segment/test/nav/main.html b/ionic/components/segment/test/nav/main.html
new file mode 100644
index 0000000000..54ac1de480
--- /dev/null
+++ b/ionic/components/segment/test/nav/main.html
@@ -0,0 +1,22 @@
+
+
+ Segment under Navbar
+
+
+
+
+
+
+ Friends
+
+
+ Enemies
+
+
+
+
+
+ Are we friends or enemies? {{ relationship }}
+
+
+