wip

ionic/components/button/button.js

@@ -2,7 +2,7 @@ import {NgElement, Decorator} from 'angular2/angular2'
 import {IonicComponent} from 'ionic/config/component'
 
 @Decorator({
-  selector: '.button',
+  selector: 'ion-button, [ion-button],.button',
 })
 export class Button {
   constructor(
@@ -12,4 +12,6 @@ export class Button {
     this.config = Button.config.invoke(this)
   }
 }
-new IonicComponent(Button, {})
+new IonicComponent(Button, {
+  propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block']
+})

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

@@ -47,3 +47,14 @@
   <button class="button button-dark hover">hover</button>
   <button class="button button-dark activated">activated</button>
 </div>
+
+<h2>With Properties</h2>
+
+<div>
+  <button ion-button primary>button.primary</button>
+  <button ion-button secondary>button.secondary</button>
+  <button ion-button stable>button.stable</button>
+  <button ion-button light>button.light</button>
+  <button ion-button dark>button.dark</button>
+  <button ion-button danger>button.danger</button>
+</div>

ionic/components/button/test/basic/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/block/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/clear/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/full/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/icons/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/outline/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })

ionic/components/button/test/sizes/main.js

@@ -1,9 +1,9 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/ionic'
+import {Component, View as NgView, bootstrap} from 'angular2/angular2'
+import {Button} from 'ionic/components/button/button'
 
 
 @Component({ selector: '[ion-app]' })
-@View({
+@NgView({
   templateUrl: 'main.html',
   directives: [Button]
 })