diff --git a/core/src/components/item/readme.md b/core/src/components/item/readme.md
index ea8ea721ea9..2df09676671 100644
--- a/core/src/components/item/readme.md
+++ b/core/src/components/item/readme.md
@@ -131,14 +131,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
@@ -455,14 +455,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
@@ -778,14 +778,14 @@ const Example: React.FC<{}> = () => (
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
         Multiline text that should wrap when it is too long
         to fit on one line in the item.
         </IonLabel>
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
           <IonText color="primary">
             <h3>H3 Primary Title</h3>
           </IonText>
@@ -1098,14 +1098,14 @@ List Items
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
       Multiline text that should wrap when it is too long
       to fit on one line in the item.
       </ion-label>
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
         <ion-text color="primary">
           <h3>H3 Primary Title</h3>
         </ion-text>
diff --git a/core/src/components/item/usage/angular.md b/core/src/components/item/usage/angular.md
index 7164c006044..345d5a24344 100644
--- a/core/src/components/item/usage/angular.md
+++ b/core/src/components/item/usage/angular.md
@@ -68,14 +68,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
diff --git a/core/src/components/item/usage/javascript.md b/core/src/components/item/usage/javascript.md
index 75a1c388817..8385247e413 100644
--- a/core/src/components/item/usage/javascript.md
+++ b/core/src/components/item/usage/javascript.md
@@ -68,14 +68,14 @@ List Items
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
     Multiline text that should wrap when it is too long
     to fit on one line in the item.
     </ion-label>
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-text-wrap">
       <ion-text color="primary">
         <h3>H3 Primary Title</h3>
       </ion-text>
diff --git a/core/src/components/item/usage/react.md b/core/src/components/item/usage/react.md
index 4e258102b10..46981a2d98e 100644
--- a/core/src/components/item/usage/react.md
+++ b/core/src/components/item/usage/react.md
@@ -67,14 +67,14 @@ const Example: React.FC<{}> = () => (
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
         Multiline text that should wrap when it is too long
         to fit on one line in the item.
         </IonLabel>
       </IonItem>
 
       <IonItem>
-        <IonLabel text-wrap>
+        <IonLabel class="ion-text-wrap">
           <IonText color="primary">
             <h3>H3 Primary Title</h3>
           </IonText>
diff --git a/core/src/components/item/usage/vue.md b/core/src/components/item/usage/vue.md
index c3959e221f0..875558cc359 100644
--- a/core/src/components/item/usage/vue.md
+++ b/core/src/components/item/usage/vue.md
@@ -73,14 +73,14 @@ List Items
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
       Multiline text that should wrap when it is too long
       to fit on one line in the item.
       </ion-label>
     </ion-item>
 
     <ion-item>
-      <ion-label text-wrap>
+      <ion-label class="ion-text-wrap">
         <ion-text color="primary">
           <h3>H3 Primary Title</h3>
         </ion-text>
diff --git a/core/src/components/label/readme.md b/core/src/components/label/readme.md
index f77c0ecdb9e..047fbc2905f 100644
--- a/core/src/components/label/readme.md
+++ b/core/src/components/label/readme.md
@@ -27,7 +27,7 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-text-wrap">
     Multi-line text that should wrap when it is too long
     to fit on one line in the item.
   </ion-label>
@@ -90,7 +90,7 @@ export const LabelExample: React.FC = () => (
     </IonItem>
 
     <IonItem>
-      <IonLabel text-wrap>
+      <IonLabel class="ion-text-wrap">
         Multi-line text that should wrap when it is too long
         to fit on one line in the item.
       </IonLabel>
@@ -151,7 +151,7 @@ export const LabelExample: React.FC = () => (
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-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 d922cea8864..7b0d1bda67e 100644
--- a/core/src/components/label/usage/angular.md
+++ b/core/src/components/label/usage/angular.md
@@ -15,7 +15,7 @@
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-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 d922cea8864..7b0d1bda67e 100644
--- a/core/src/components/label/usage/javascript.md
+++ b/core/src/components/label/usage/javascript.md
@@ -15,7 +15,7 @@
 </ion-item>
 
 <ion-item>
-  <ion-label text-wrap>
+  <ion-label class="ion-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 7e6c80f0f81..0c88c96097c 100644
--- a/core/src/components/label/usage/react.md
+++ b/core/src/components/label/usage/react.md
@@ -20,7 +20,7 @@ export const LabelExample: React.FC = () => (
     </IonItem>
 
     <IonItem>
-      <IonLabel text-wrap>
+      <IonLabel class="ion-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 b49c1d374cb..d04a34980ca 100644
--- a/core/src/components/label/usage/vue.md
+++ b/core/src/components/label/usage/vue.md
@@ -16,7 +16,7 @@
   </ion-item>
 
   <ion-item>
-    <ion-label text-wrap>
+    <ion-label class="ion-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/select-popover/select-popover.tsx b/core/src/components/select-popover/select-popover.tsx
index 41b3edfd00e..99530f1d318 100644
--- a/core/src/components/select-popover/select-popover.tsx
+++ b/core/src/components/select-popover/select-popover.tsx
@@ -41,7 +41,7 @@ export class SelectPopover implements ComponentInterface {
           {this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>}
           { (this.subHeader !== undefined || this.message !== undefined) &&
             <ion-item>
-              <ion-label text-wrap>
+              <ion-label class="ion-text-wrap">
                 {this.subHeader !== undefined && <h3>{this.subHeader}</h3>}
                 {this.message !== undefined && <p>{this.message}</p>}
               </ion-label>