diff --git a/packages/ionic-angular/README.md b/packages/ionic-angular/README.md index 5801361d76..d53781ebe4 100644 --- a/packages/ionic-angular/README.md +++ b/packages/ionic-angular/README.md @@ -100,9 +100,138 @@ These have been renamed to the following, and moved from the button element to t ``` +#### FAB + +##### Markup Changed + +Buttons inside of an `` container should now be written as an `` element. Ionic will determine when to render an anchor tag based on the presence of an `href` attribute. + +**Old Usage Example:** + +```html + + + + + + + + + +``` + +**New Usage Example:** + +```html + + + + + + + + + + + + + + + + + + + +``` + +##### Fixed Content + +The `` container was previously placed inside of the fixed content by default. Now, any fixed content should go inside of the `` container. + +**Old Usage Example:** + +```html + + + Main Button + + List Button + List Button + List Button + List Button + + + Scrollable Content + +``` + +**New Usage Example:** + +```html + + + Main Button + + List Button + List Button + List Button + List Button + + + + + Scrollable Content + +``` #### Item +##### Markup Changed + +Item should now be written as an `` 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 a click. Otherwise, it will render a div. + +**Old Usage Example:** + +```html + + Default Item + + + + + + Anchor Item + +``` + +**New Usage Example:** + +```html + + Default Item + + + + Button Item + + + + Anchor Item + +``` + ##### Label Required Previously an `ion-label` would automatically get added to an `ion-item` if one wasn't provided. Now an `ion-label` should always be added if the item is used to display text.