javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

chips component initial commit

Browse Source
This commit is contained in:
Eddie Lau 3dd13
2016-01-07 18:06:32 +08:00
parent f74606dc1b
commit e272d6a9ba
13 changed files with 275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/chip/test/basic/index.ts Normal file
View File

@@ -0,0 +1,10 @@
import {App, IonicApp} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {
constructor(app: IonicApp) {
}
}

18
ionic/components/chip/test/basic/main.html Normal file
View File

@@ -0,0 +1,18 @@
<ion-toolbar>
<ion-title>Chips With Text</ion-title>
</ion-toolbar>
<ion-content padding style="text-align:center">
<p>
<ion-chip>
<ion-label>Default</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-label>Another Longer Text</ion-label>
</ion-chip>
</p>
</ion-content>

14
ionic/components/chip/test/delete/index.ts Normal file
View File

@@ -0,0 +1,14 @@
import {App, IonicApp} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {
constructor(app: IonicApp) {
}
deleteClicked() {
console.log('deleteClicked');
}
}

38
ionic/components/chip/test/delete/main.html Normal file
View File

@@ -0,0 +1,38 @@
<ion-toolbar>
<ion-title>Chips With Delete</ion-title>
</ion-toolbar>
<ion-content padding style="text-align:center">
<p>
<ion-chip>
<ion-label>Default</ion-label>
<button clear dark (click)="deleteClicked()">
<ion-icon name="close-circle"></ion-icon>
</button>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" primary></ion-icon>
<ion-label>Primary</ion-label>
<button clear dark (click)="deleteClicked()">
<ion-icon name="close-circle"></ion-icon>
</button>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-avatar>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<ion-label>Default</ion-label>
<button clear dark (click)="deleteClicked()">
<ion-icon name="close-circle"></ion-icon>
</button>
</ion-chip>
</p>
</ion-content>

10
ionic/components/chip/test/icon/index.ts Normal file
View File

@@ -0,0 +1,10 @@
import {App, IonicApp} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {
constructor(app: IonicApp) {
}
}

44
ionic/components/chip/test/icon/main.html Normal file
View File

@@ -0,0 +1,44 @@
<ion-toolbar>
<ion-title>Chips With Icon</ion-title>
</ion-toolbar>
<ion-content padding style="text-align:center">
<p>
<ion-chip>
<ion-icon name="pin"></ion-icon>
<ion-label>Default</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" primary></ion-icon>
<ion-label>Primary</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" secondary></ion-icon>
<ion-label>Secondary</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" danger></ion-icon>
<ion-label>Danger</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" light></ion-icon>
<ion-label>Light</ion-label>
</ion-chip>
</p>
<p>
<ion-chip>
<ion-icon name="pin" dark></ion-icon>
<ion-label>Dark</ion-label>
</ion-chip>
</p>
</ion-content>

10
ionic/components/chip/test/image/index.ts Normal file
View File

@@ -0,0 +1,10 @@
import {App, IonicApp} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {
constructor(app: IonicApp) {
}
}

16
ionic/components/chip/test/image/main.html Normal file
View File

@@ -0,0 +1,16 @@
<ion-toolbar>
<ion-title>Chips With Image</ion-title>
</ion-toolbar>
<ion-content padding style="text-align:center">
<p>
<ion-chip>
<ion-avatar>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<ion-label>Default</ion-label>
</ion-chip>
</p>
</ion-content>