chore(build): fix demo compile errors, tslint errors

fix demo compile errors, tslint errors
This commit is contained in:
Dan Bucholtz
2016-09-15 12:57:38 -05:00
parent 70127346c4
commit 7a660af187
120 changed files with 306 additions and 291 deletions

View File

@ -0,0 +1,31 @@
import { Component, NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
@Component({
templateUrl: 'main.html'
})
export class ApiDemoPage {}
@Component({
template: '<ion-nav [root]="root"></ion-nav>'
})
export class ApiDemoApp {
root = ApiDemoPage;
}
@NgModule({
declarations: [
ApiDemoApp,
ApiDemoPage
],
imports: [
IonicModule.forRoot(ApiDemoApp)
],
bootstrap: [IonicApp],
entryComponents: [
ApiDemoPage
]
})
export class AppModule {}

View File

@ -0,0 +1,68 @@
<ion-header>
<ion-navbar>
<ion-title>Button</ion-title>
</ion-navbar>
</ion-header>
<ion-content text-center>
<h4>Colors</h4>
<button ion-button>Default</button>
<button ion-button color="secondary">Secondary</button>
<button ion-button color="danger">Danger</button>
<button ion-button color="light">Light</button>
<button ion-button color="dark">Dark</button>
<h4>Shapes</h4>
<button ion-button full>Full Button</button>
<button ion-button block>Block Button</button>
<button ion-button round>Round Button</button>
<button ion-button fab style="position: relative;">FAB</button>
<h4>Outlines</h4>
<button ion-button color="secondary" full outline>Outline + Full</button>
<button ion-button color="secondary" block outline>Outline + Block</button>
<button ion-button color="secondary" round outline>Outline + Round</button>
<button ion-button color="secondary" fab outline style="position: relative;">FAB</button>
<h4>Icons</h4>
<button ion-button icon-left color="dark">
<ion-icon name="star"></ion-icon>
Left Icon
</button>
<button ion-button icon-right color="dark">
Right Icon
<ion-icon name="star"></ion-icon>
</button>
<button ion-button icon-only color="dark">
<ion-icon name="star"></ion-icon>
</button>
<h4>Sizes</h4>
<button ion-button color="light" large>Large</button>
<button ion-button color="light">Default</button>
<button ion-button color="light" small>Small</button>
</ion-content>