docs(radio): update wrapping example to include ion-text-wrap utility class

Author: soundproofboot

static/usage/v8/radio/label-wrap/angular/example_component_html.md

@@ -5,7 +5,12 @@
       <ion-radio value="truncated">Truncated with ellipsis by default</ion-radio>
     </ion-item>
     <ion-item>
-      <ion-radio value="wrapped" class="wrapped">`text-wrap` applied to `label` shadow part</ion-radio>
+      <ion-radio value="wrapped-part" class="wrapped">Wrapping with text-wrap applied to label shadow part</ion-radio>
+    </ion-item>
+    <ion-item>
+      <ion-radio value="wrapped-div">
+        <div class="ion-text-wrap">Wrapping with ion-text-wrap class applied wrapper element</div>
+      </ion-radio>
     </ion-item>
   </ion-radio-group>
 </ion-list>

static/usage/v8/radio/label-wrap/demo.html

@@ -30,7 +30,14 @@
                 <ion-radio value="truncated">Truncated with ellipsis by default</ion-radio>
               </ion-item>
               <ion-item>
-                <ion-radio value="wrapped" class="wrapped">`text-wrap` applied to `label` shadow part</ion-radio>
+                <ion-radio value="wrapped-part" class="wrapped">
+                  Wrapping with text-wrap applied to label shadow part
+                </ion-radio>
+              </ion-item>
+              <ion-item>
+                <ion-radio value="wrapped-div">
+                  <div class="ion-text-wrap">Wrapping with ion-text-wrap class applied wrapper element</div>
+                </ion-radio>
               </ion-item>
             </ion-radio-group>
           </ion-list>

static/usage/v8/radio/label-wrap/javascript.md

@@ -5,7 +5,12 @@
       <ion-radio value="truncated">Truncated with ellipsis by default</ion-radio>
     </ion-item>
     <ion-item>
-      <ion-radio value="wrapped" class="wrapped">`text-wrap` applied to `label` shadow part</ion-radio>
+      <ion-radio value="wrapped-part" class="wrapped">Wrapping with text-wrap applied to label shadow part</ion-radio>
+    </ion-item>
+    <ion-item>
+      <ion-radio value="wrapped-div">
+        <div class="ion-text-wrap">Wrapping with ion-text-wrap class applied wrapper element</div>
+      </ion-radio>
     </ion-item>
   </ion-radio-group>
 </ion-list>

static/usage/v8/radio/label-wrap/react/main_tsx.md

@@ -12,8 +12,13 @@ function Example() {
           <IonRadio value="truncated">Truncated with ellipsis by default</IonRadio>
         </IonItem>
         <IonItem>
-          <IonRadio value="wrapped" className="wrapped">
-            `text-wrap` applied to `label` shadow part
+          <IonRadio value="wrapped-part" className="wrapped">
+            Wrapping with text-wrap applied to label shadow part
+          </IonRadio>
+        </IonItem>
+        <IonItem>
+          <IonRadio value="wrapped-div">
+            <div className="ion-text-wrap">Wrapping with ion-text-wrap class applied wrapper element</div>
           </IonRadio>
         </IonItem>
       </IonRadioGroup>

static/usage/v8/radio/label-wrap/vue.md

@@ -6,7 +6,12 @@
         <ion-radio value="truncated">Truncated with ellipsis by default</ion-radio>
       </ion-item>
       <ion-item>
-        <ion-radio value="wrapped" class="wrapped">`text-wrap` applied to `label` shadow part</ion-radio>
+        <ion-radio value="wrapped-part" class="wrapped">Wrapping with text-wrap applied to label shadow part</ion-radio>
+      </ion-item>
+      <ion-item>
+        <ion-radio value="wrapped-div">
+          <div class="ion-text-wrap">Wrapping with ion-text-wrap class applied wrapper element</div>
+        </ion-radio>
       </ion-item>
     </ion-radio-group>
   </ion-list>