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

refactor(button): add ion-button attribute and icon attributes to style buttons

Browse Source 
BREAKING CHANGES:

- `<button>` becomes `<button ion-button>`
- `<a button>` becomes `<a ion-button>`
- `<button ion-item>` does not get the `ion-button` attribute
- Buttons inside of `<ion-item-options>` do get the `ion-button`
attribute
- Removed the `category` attribute, this should be passed in
`ion-button` instead.
- Button attributes added for icons in buttons: `icon-only`,
`icon-left`, and `icon-right`

closes #7466
This commit is contained in:
Brandy Carney
2016-08-16 17:11:02 -04:00
parent 90929d0ef9
commit 938864e8d0
179 changed files with 1393 additions and 1081 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/loading/test/basic/index.ts
View File

@ -197,7 +197,7 @@ class E2EPage {
<ion-footer>
<ion-toolbar>
<ion-buttons end>
<button (click)="goToPage3()">
<button ion-button (click)="goToPage3()">
Navigate
<ion-icon name="arrow-forward"></ion-icon>
</button>

24
src/components/loading/test/basic/main.html
View File

@ -9,16 +9,16 @@
<ion-content padding>
<button block (click)="presentLoadingIos()">iOS Spinner</button>
<button block (click)="presentLoadingDots()">Dots Spinner</button>
<button block (click)="presentLoadingBubbles()">Bubbles Spinner</button>
<button block (click)="presentLoadingCircles()">Circles Spinner</button>
<button block (click)="presentLoadingCrescent()">Crescent Spinner</button>
<button block (click)="presentLoadingDefault()" secondary class="e2eLoadingDefaultSpinner">Default Spinner</button>
<button block (click)="presentLoadingCustom()" light>Custom Spinner</button>
<button block (click)="presentLoadingText()" dark>Content Only w/ Nav</button>
<button block (click)="presentLoadingMultiple()" danger>Multiple Loading</button>
<button block (click)="presentLoadingMultipleNav()" danger>Multiple Nav Loading</button>
<button ion-button block (click)="presentLoadingIos()">iOS Spinner</button>
<button ion-button block (click)="presentLoadingDots()">Dots Spinner</button>
<button ion-button block (click)="presentLoadingBubbles()">Bubbles Spinner</button>
<button ion-button block (click)="presentLoadingCircles()">Circles Spinner</button>
<button ion-button block (click)="presentLoadingCrescent()">Crescent Spinner</button>
<button ion-button block (click)="presentLoadingDefault()" secondary class="e2eLoadingDefaultSpinner">Default Spinner</button>
<button ion-button block (click)="presentLoadingCustom()" light>Custom Spinner</button>
<button ion-button block (click)="presentLoadingText()" dark>Content Only w/ Nav</button>
<button ion-button block (click)="presentLoadingMultiple()" danger>Multiple Loading</button>
<button ion-button block (click)="presentLoadingMultipleNav()" danger>Multiple Nav Loading</button>
</ion-content>
@ -27,11 +27,11 @@
<ion-toolbar>
<ion-buttons end>
<button (click)="goToPage2()">
<button ion-button icon-right (click)="goToPage2()">
Navigate
<ion-icon name="arrow-forward"></ion-icon>
</button>
</ion-buttons>
</ion-toolbar>
</ion-footer>
</ion-footer>

4
src/components/loading/test/tabs/main.html
View File

@ -9,7 +9,7 @@
<ion-content padding>
<button block (click)="presentLoading()" class="e2eLoadingTabsContent">Loading Content</button>
<button block (click)="presentLoadingNav()">Loading w/ Nav</button>
<button ion-button block (click)="presentLoading()" class="e2eLoadingTabsContent">Loading Content</button>
<button ion-button block (click)="presentLoadingNav()">Loading w/ Nav</button>
</ion-content>