diff --git a/ionic/components/button/test/raised/index.ts b/ionic/components/button/test/raised/index.ts new file mode 100644 index 0000000000..08bc65ea84 --- /dev/null +++ b/ionic/components/button/test/raised/index.ts @@ -0,0 +1,21 @@ +import {App, IonicApp} from 'ionic-angular'; + + +@App({ + templateUrl: 'main.html' +}) +class E2EApp { + constructor(app: IonicApp) { + app.setTitle('Basic Buttons'); + + this.testingColors = ['primary', 'secondary', 'danger', 'dark']; + this.testingColorIndex = 0; + this.chgColor(); + } + + chgColor() { + this.btnColor = this.testingColors[this.testingColorIndex]; + console.log('dynamic btnColor', this.btnColor); + this.testingColorIndex = (this.testingColorIndex >= this.testingColors.length - 1 ? 0 : this.testingColorIndex + 1); + } +} diff --git a/ionic/components/button/test/raised/main.html b/ionic/components/button/test/raised/main.html new file mode 100644 index 0000000000..51a9b1d7f3 --- /dev/null +++ b/ionic/components/button/test/raised/main.html @@ -0,0 +1,41 @@ + + + Raised Buttons + + + + + + Default + Default.activated + + + + Outline + Outline.activated + + + + Clear + Clear.activated + + + + FAB + FAB + + + + Round + Round.activated + + + + Block + Block.activated + + + + Clear Disabled + +
+ Default + Default.activated +
+ Outline + Outline.activated +
+ Clear + Clear.activated +
+ FAB + FAB +
+ Round + Round.activated +
+ Block + Block.activated +
+ Clear Disabled +