docs(label): update usage to place text-wrap on label (#17705)

closes ionic-team/ionic-docs#467

core/src/components/item-divider/test/preview/index.html

@@ -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>

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>
 

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>

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>

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>

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>

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>