diff --git a/ionic/components/segment/segment.js b/ionic/components/segment/segment.js
index 0497a1798b..6f0259558a 100644
--- a/ionic/components/segment/segment.js
+++ b/ionic/components/segment/segment.js
@@ -1,9 +1,18 @@
-import {NgElement, Decorator} from 'angular2/angular2'
+import {NgElement, Component, View, Decorator} from 'angular2/angular2'
 import {IonicComponent} from 'ionic/config/component'
+import {Button} from 'ionic/components/button/button'
 
-@Decorator({
+
+@Component({
   selector: 'ion-segment'
 })
+@View({
+  template: `<div class="ion-segment" (^click)="buttonClicked($event)">
+    <content></content>
+  </div>
+  `,
+  directives: [Button]
+})
 export class Segment {
   constructor(
     @NgElement() ngElement:NgElement
@@ -11,6 +20,10 @@ export class Segment {
     this.domElement = ngElement.domElement
     this.config = Button.config.invoke(this)
   }
+
+  buttonClicked(event) {
+    console.log('Button clicked', event);
+  }
 }
 new IonicComponent(Segment, {
 })
diff --git a/ionic/directives.js b/ionic/directives.js
index 325b5b6411..1160bd4000 100644
--- a/ionic/directives.js
+++ b/ionic/directives.js
@@ -1,6 +1,4 @@
-import {Button, Switch, List, Label, Item, Input, Content} from 'ionic/ionic';
-var IONIC_DIRECTIVES = [Button, List, Label, Item, Content];
-
-console.log('DIRECTIVES', IONIC_DIRECTIVES);
+import {Button, Switch, List, Label, Item, Input, Content, Segment} from 'ionic/ionic';
+var IONIC_DIRECTIVES = [Button, List, Label, Item, Content, Segment];
 
 export {IONIC_DIRECTIVES};