feat(chip): add chip and chip button component

This commit is contained in:
Brandy Carney
2017-07-24 16:12:49 -04:00
parent 12da6d5246
commit 76651edebc
9 changed files with 887 additions and 0 deletions

View File

@ -5,6 +5,7 @@ A list of the breaking changes introduced in Ionic Angular v4.
- [Dynamic Mode](#dynamic-mode)
- [Button](#button)
- [Chip](#chip)
- [FAB](#fab)
- [Fixed Content](#fixed-content)
- [Icon](#icon)
@ -97,6 +98,34 @@ These have been renamed to the following, and moved from the button element to t
</ion-button>
```
## Chip
### Markup Changed
Buttons inside of an `<ion-chip>` container should now be written as an `<ion-chip-button>` element. Ionic will determine when to render an anchor tag based on the presence of an `href` attribute.
**Old Usage Example:**
```html
<ion-chip>
<ion-label>Default</ion-label>
<ion-button clear color="light">
<ion-icon name="close-circle"></ion-icon>
</ion-button>
</ion-chip>
```
**New Usage Example:**
```html
<ion-chip>
<ion-label>Default</ion-label>
<ion-chip-button clear color="light">
<ion-icon name="close-circle"></ion-icon>
</ion-chip-button>
</ion-chip>
```
## FAB
### Markup Changed