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

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

View File

@ -55,14 +55,13 @@ export const TOGGLE_VALUE_ACCESSOR = new Provider(
<div class="toggle-icon" [class.toggle-checked]="_checked" [class.toggle-activated]="_activated">
<div class="toggle-inner"></div>
</div>
<button role="checkbox"
<button ion-button="item-cover"
role="checkbox"
type="button"
category="item-cover"
[id]="id"
[attr.aria-checked]="_checked"
[attr.aria-labelledby]="_labelId"
[attr.aria-disabled]="_disabled"
class="item-cover">
[attr.aria-disabled]="_disabled">
</button>
`,
host: {