use text instead of icon

Author: liamdebeasi

static/usage/v7/animations/modal-override/angular/example_component_html.md

@@ -12,9 +12,7 @@
         <ion-toolbar>
           <ion-title>Modal</ion-title>
           <ion-buttons slot="end">
-            <ion-button (click)="closeModal()">
-              <ion-icon name="close" slot="icon-only"></ion-icon>
-            </ion-button>
+            <ion-button (click)="closeModal()">Close</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>

static/usage/v7/animations/modal-override/demo.html

@@ -29,9 +29,7 @@
               <ion-toolbar>
                 <ion-title>Modal</ion-title>
                 <ion-buttons slot="end">
-                  <ion-button onclick="closeModal()">
-                    <ion-icon name="close" slot="icon-only"></ion-icon>
-                  </ion-button>
+                  <ion-button onclick="closeModal()">Close</ion-button>
                 </ion-buttons>
               </ion-toolbar>
             </ion-header>

static/usage/v7/animations/modal-override/javascript.md

@@ -11,9 +11,7 @@
       <ion-toolbar>
         <ion-title>Modal</ion-title>
         <ion-buttons slot="end">
-          <ion-button onclick="closeModal()">
-            <ion-icon name="close" slot="icon-only"></ion-icon>
-          </ion-button>
+          <ion-button onclick="closeModal()">Close</ion-button>
         </ion-buttons>
       </ion-toolbar>
     </ion-header>

static/usage/v7/animations/modal-override/react.md

@@ -1,7 +1,6 @@
 ```tsx
 import React, { useRef } from 'react';
-import { IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonModal, IonToolbar, IonTitle, createAnimation } from '@ionic/react';
-import { close } from 'ionicons/icons';
+import { IonButton, IonButtons, IonContent, IonHeader, IonModal, IonToolbar, IonTitle, createAnimation } from '@ionic/react';
 
 function Example() {
   const modalEl = useRef<HTMLIonModalElement>(null);
@@ -54,9 +53,7 @@ function Example() {
             <IonToolbar>
               <IonTitle>Modal</IonTitle>
               <IonButtons slot="end">
-                <IonButton onClick={closeModal}>
-                  <IonIcon icon={close} slot="icon-only"></IonIcon>
-                </IonButton>
+                <IonButton onClick={closeModal}>Close</IonButton>
               </IonButtons>
             </IonToolbar>
           </IonHeader>

static/usage/v7/animations/modal-override/vue.md

@@ -17,9 +17,7 @@
         <ion-toolbar>
           <ion-title>Modal</ion-title>
           <ion-buttons slot="end">
-            <ion-button @click="closeModal()">
-              <ion-icon :icon="close" slot="icon-only"></ion-icon>
-            </ion-button>
+            <ion-button @click="closeModal()">Close</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>
@@ -31,8 +29,7 @@
 </template>
 
 <script lang="ts">
-  import { IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonModal, IonToolbar, IonTitle, createAnimation } from '@ionic/vue';
-  import { close } from 'ionicons/icons';
+  import { IonButton, IonButtons, IonContent, IonHeader, IonModal, IonToolbar, IonTitle, createAnimation } from '@ionic/vue';
 
   import { defineComponent, ref } from 'vue';
 
@@ -42,7 +39,6 @@
       IonButtons, 
       IonContent,
       IonHeader, 
-      IonIcon, 
       IonModal, 
       IonToolbar, 
       IonTitle