javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(item): update item documentation and add usage

Browse Source
This commit is contained in:
Brandy Carney
2018-04-18 11:40:51 -06:00
parent 2aa2e6f3ca
commit 20a8eec992
5 changed files with 566 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
angular/BREAKING.md
View File

@ -444,7 +444,7 @@ $input-highlight-color-valid: #32db64;
### Markup Changed
Item should now be written as an `<ion-item>` element. Ionic will determine when to render an anchor tag based on the presence of an `href` attribute, and a button tag based on the presence of an `onclick` or `tappable` attribute. Otherwise, it will render a div.
Item should now be written as an `<ion-item>` element. Ionic will determine when to render an anchor tag based on the presence of an `href` attribute, and a button tag based on the presence of an `onclick` or `button` attribute. Otherwise, it will render a div.
**Old Usage Example:**
@ -466,15 +466,21 @@ Item should now be written as an `<ion-item>` element. Ionic will determine when
```html
<ion-item>
Default Item
<ion-label>
Default Item
</ion-label>
</ion-item>
<ion-item tappable (click)="doSomething()">
Button Item
<ion-item button (click)="doSomething()">
<ion-label>
Button Item
</ion-label>
</ion-item>
<ion-item href="#">
Anchor Item
<ion-label>
Anchor Item
</ion-label>
</ion-item>
```
@ -484,7 +490,9 @@ Previously an `ion-label` would automatically get added to an `ion-item` if one
```html
<ion-item>
<ion-label>Item Label</ion-label>
<ion-label>
Item Label
</ion-label>
</ion-item>
```
@ -545,7 +553,7 @@ The attributes to show/hide the detail arrows on items have been converted to a
**New Usage Example:**
```html
<ion-item tappable detail="false">
<ion-item button detail="false">
<ion-label>Item Label</ion-label>
</ion-item>