diff --git a/static/usage/v7/input/start-end-slots/react.md b/static/usage/v7/input/start-end-slots/react.md
index b638d8c8f07..e15086ee6f4 100644
--- a/static/usage/v7/input/start-end-slots/react.md
+++ b/static/usage/v7/input/start-end-slots/react.md
@@ -10,7 +10,7 @@ function Example() {
         <IonInput labelPlacement="stacked" label="Email" placeholder="email@domain.com">
           <IonIcon slot="start" icon={lockClosed} aria-hidden="true"></IonIcon>
           <IonButton fill="clear" slot="end" aria-label="Show/hide">
-            <IonIcon slot="icon-only" name={eye} aria-hidden="true"></IonIcon>
+            <IonIcon slot="icon-only" icon={eye} aria-hidden="true"></IonIcon>
           </IonButton>
         </IonInput>
       </IonItem>
diff --git a/static/usage/v7/textarea/start-end-slots/react.md b/static/usage/v7/textarea/start-end-slots/react.md
index 469f6bd8f84..a64852d4c67 100644
--- a/static/usage/v7/textarea/start-end-slots/react.md
+++ b/static/usage/v7/textarea/start-end-slots/react.md
@@ -10,7 +10,7 @@ function Example() {
         <IonTextarea labelPlacement="stacked" label="Comments" placeholder="Enter your comments">
           <IonIcon slot="start" icon={lockClosed} aria-hidden="true"></IonIcon>
           <IonButton fill="clear" slot="end" aria-label="Show/hide">
-            <IonIcon slot="icon-only" name={eye} aria-hidden="true"></IonIcon>
+            <IonIcon slot="icon-only" icon={eye} aria-hidden="true"></IonIcon>
           </IonButton>
         </IonTextarea>
       </IonItem>
diff --git a/static/usage/v8/input/start-end-slots/react.md b/static/usage/v8/input/start-end-slots/react.md
index b638d8c8f07..e15086ee6f4 100644
--- a/static/usage/v8/input/start-end-slots/react.md
+++ b/static/usage/v8/input/start-end-slots/react.md
@@ -10,7 +10,7 @@ function Example() {
         <IonInput labelPlacement="stacked" label="Email" placeholder="email@domain.com">
           <IonIcon slot="start" icon={lockClosed} aria-hidden="true"></IonIcon>
           <IonButton fill="clear" slot="end" aria-label="Show/hide">
-            <IonIcon slot="icon-only" name={eye} aria-hidden="true"></IonIcon>
+            <IonIcon slot="icon-only" icon={eye} aria-hidden="true"></IonIcon>
           </IonButton>
         </IonInput>
       </IonItem>
diff --git a/static/usage/v8/textarea/start-end-slots/react.md b/static/usage/v8/textarea/start-end-slots/react.md
index 469f6bd8f84..a64852d4c67 100644
--- a/static/usage/v8/textarea/start-end-slots/react.md
+++ b/static/usage/v8/textarea/start-end-slots/react.md
@@ -10,7 +10,7 @@ function Example() {
         <IonTextarea labelPlacement="stacked" label="Comments" placeholder="Enter your comments">
           <IonIcon slot="start" icon={lockClosed} aria-hidden="true"></IonIcon>
           <IonButton fill="clear" slot="end" aria-label="Show/hide">
-            <IonIcon slot="icon-only" name={eye} aria-hidden="true"></IonIcon>
+            <IonIcon slot="icon-only" icon={eye} aria-hidden="true"></IonIcon>
           </IonButton>
         </IonTextarea>
       </IonItem>