From bd38f26f9c9324ea04d15fb670acf40465aef901 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Thu, 7 Mar 2019 11:11:56 -0500
Subject: [PATCH] docs(label): update usage to place text-wrap on label
 (#17705)

closes ionic-team/ionic-docs#467
---
 .../components/item-divider/test/preview/index.html  |  8 ++++----
 core/src/components/item/test/basic/index.html       |  2 +-
 core/src/components/label/readme.md                  | 12 ++++++------
 core/src/components/label/usage/angular.md           |  4 ++--
 core/src/components/label/usage/javascript.md        |  4 ++--
 core/src/components/label/usage/react.md             |  4 ++--
 core/src/components/label/usage/vue.md               |  4 ++--
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/core/src/components/item-divider/test/preview/index.html b/core/src/components/item-divider/test/preview/index.html
index f0d09880da..01c0fe367f 100644
--- a/core/src/components/item-divider/test/preview/index.html
+++ b/core/src/components/item-divider/test/preview/index.html
@@ -35,7 +35,7 @@
           </ion-label>
           <ion-icon name="trash" slot="start"></ion-icon>
         </ion-item-divider>
-      
+
         <ion-item-divider>
           <ion-label>
             Divider in List
@@ -84,8 +84,8 @@
           <ion-button slot="end">button</ion-button>
         </ion-item-divider>
 
-        <ion-item text-wrap class="custom-item">
-          <ion-label>
+        <ion-item class="custom-item">
+          <ion-label text-wrap>
             Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on .item
           </ion-label>
         </ion-item>
@@ -108,7 +108,7 @@
           </ion-label>
         </ion-item-divider>
 
-        <ion-item text-wrap>
+        <ion-item>
           <ion-label>
             <h1>H1 Title Text</h1>
           </ion-label>
diff --git a/core/src/components/item/test/basic/index.html b/core/src/components/item/test/basic/index.html
index 7b4cb2953e..ba10da05d4 100644
--- a/core/src/components/item/test/basic/index.html
+++ b/core/src/components/item/test/basic/index.html
@@ -64,7 +64,7 @@
 
       <ion-item>
         <ion-label text-wrap>
-          Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on .item
+          Multiline text that should wrap when it is too long to fit on one line in the item. Attribute on ion-label
         </ion-label>
       </ion-item>
 
diff --git a/core/src/components/label/readme.md b/core/src/components/label/readme.md
index 595866899f..889ee89408 100644
--- a/core/src/components/label/readme.md
+++ b/core/src/components/label/readme.md
@@ -26,8 +26,8 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
   <ion-label>Default Item</ion-label>
 </ion-item>
 
-<ion-item text-wrap>
-  <ion-label>
+<ion-item>
+  <ion-label text-wrap>
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
@@ -90,8 +90,8 @@ const Example: React.SFC<{}> = () => (
       <IonLabel>Default Item</IonLabel>
     </IonItem>
 
-    <IonItem text-wrap>
-      <IonLabel>
+    <IonItem>
+      <IonLabel text-wrap>
         Multi-line text that should wrap when it is too long
         to fit on one line in the item.
       </IonLabel>
@@ -153,8 +153,8 @@ export default Example;
     <ion-label>Default Item</ion-label>
   </ion-item>
 
-  <ion-item text-wrap>
-    <ion-label>
+  <ion-item>
+    <ion-label text-wrap>
       Multi-line text that should wrap when it is too long
       to fit on one line in the item.
     </ion-label>
diff --git a/core/src/components/label/usage/angular.md b/core/src/components/label/usage/angular.md
index 684ac17e89..d922cea886 100644
--- a/core/src/components/label/usage/angular.md
+++ b/core/src/components/label/usage/angular.md
@@ -14,8 +14,8 @@
   <ion-label>Default Item</ion-label>
 </ion-item>
 
-<ion-item text-wrap>
-  <ion-label>
+<ion-item>
+  <ion-label text-wrap>
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
diff --git a/core/src/components/label/usage/javascript.md b/core/src/components/label/usage/javascript.md
index 684ac17e89..d922cea886 100644
--- a/core/src/components/label/usage/javascript.md
+++ b/core/src/components/label/usage/javascript.md
@@ -14,8 +14,8 @@
   <ion-label>Default Item</ion-label>
 </ion-item>
 
-<ion-item text-wrap>
-  <ion-label>
+<ion-item>
+  <ion-label text-wrap>
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
diff --git a/core/src/components/label/usage/react.md b/core/src/components/label/usage/react.md
index ec8a48fea5..a3ea76d79a 100644
--- a/core/src/components/label/usage/react.md
+++ b/core/src/components/label/usage/react.md
@@ -20,8 +20,8 @@ const Example: React.SFC<{}> = () => (
       <IonLabel>Default Item</IonLabel>
     </IonItem>
 
-    <IonItem text-wrap>
-      <IonLabel>
+    <IonItem>
+      <IonLabel text-wrap>
         Multi-line text that should wrap when it is too long
         to fit on one line in the item.
       </IonLabel>
diff --git a/core/src/components/label/usage/vue.md b/core/src/components/label/usage/vue.md
index bcea9d344e..b49c1d374c 100644
--- a/core/src/components/label/usage/vue.md
+++ b/core/src/components/label/usage/vue.md
@@ -15,8 +15,8 @@
     <ion-label>Default Item</ion-label>
   </ion-item>
 
-  <ion-item text-wrap>
-    <ion-label>
+  <ion-item>
+    <ion-label text-wrap>
       Multi-line text that should wrap when it is too long
       to fit on one line in the item.
     </ion-label>