diff --git a/BREAKING.md b/BREAKING.md index 922368f045..33bfcd1e88 100644 --- a/BREAKING.md +++ b/BREAKING.md @@ -13,6 +13,8 @@ A list of the breaking changes introduced in Ionic Angular v4. - [Icon](#icon) - [Input](#Input) - [Item](#item) +- [Item Divider](#item-divider) +- [List Header](#list-header) - [Nav](#nav) - [Option](#option) - [Radio](#radio) @@ -332,7 +334,7 @@ Item should now be written as an `` element. Ionic will determine when ### Label Required -Previously an `ion-label` would automatically get added to an `ion-item`, `ion-item-divider` and `ion-list-header` if one wasn't provided. Now an `ion-label` should always be added if the component is used to display text. +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 component is used to display text. ```html @@ -378,6 +380,30 @@ These have been renamed to the following: ``` +## Item Divider + +### Label Required + +Previously an `ion-label` would automatically get added to an `ion-item-divider` if one wasn't provided. Now an `ion-label` should always be added if the component is used to display text. + +```html + + Item Divider Label + +``` + +## List Header + +### Label Required + +Previously an `ion-label` would automatically get added to an `ion-list-header` if one wasn't provided. Now an `ion-label` should always be added if the component is used to display text. + +```html + + List Header Label + +``` + ## Nav ### Method renamed diff --git a/packages/core/src/components/item-group/readme.md b/packages/core/src/components/item-group/readme.md index 2aba067410..e3271a0f8e 100644 --- a/packages/core/src/components/item-group/readme.md +++ b/packages/core/src/components/item-group/readme.md @@ -1,6 +1,104 @@ # ion-item-group +Item groups are containers that organize similar items together. They can contain item dividers to divide the items into multiple sections. +```html + + A + + + Angola + + + Argentina + + + Armenia + + + + + B + + + Bangladesh + + + Belarus + + + Belgium + + +``` + +They can also be used to group sliding items: + +```html + + + Fruits + + + + + +

Grapes

+
+
+ + + Favorite + + +
+ + + + +

Apples

+
+
+ + + Favorite + + +
+
+ + + + Vegetables + + + + + +

Carrots

+
+
+ + + Favorite + + +
+ + + + +

Celery

+
+
+ + + Favorite + + +
+
+```