From cb44c68e46117b4a401ff1fbe25289abe4c153fd Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 7 Apr 2023 13:10:23 -0400
Subject: [PATCH 1/2] fix(modal): controller playground uses v7 label syntax

---
 .../modal/controller/angular/modal-example_component_html.md   | 3 +--
 static/usage/v7/modal/controller/demo.html                     | 3 +--
 static/usage/v7/modal/controller/javascript.md                 | 3 +--
 static/usage/v7/modal/controller/react.md                      | 3 +--
 static/usage/v7/modal/controller/vue/modal_vue.md              | 3 +--
 5 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/static/usage/v7/modal/controller/angular/modal-example_component_html.md b/static/usage/v7/modal/controller/angular/modal-example_component_html.md
index 34387a14d7..04182a22ef 100644
--- a/static/usage/v7/modal/controller/angular/modal-example_component_html.md
+++ b/static/usage/v7/modal/controller/angular/modal-example_component_html.md
@@ -12,8 +12,7 @@
 </ion-header>
 <ion-content class="ion-padding">
   <ion-item>
-    <ion-label position="stacked">Your name</ion-label>
-    <ion-input [(ngModel)]="name" placeholder="Your name"></ion-input>
+    <ion-input labelPlacement="stacked" label="Enter your name" [(ngModel)]="name" placeholder="Your name"></ion-input>
   </ion-item>
 </ion-content>
 ```
diff --git a/static/usage/v7/modal/controller/demo.html b/static/usage/v7/modal/controller/demo.html
index e73c910fc1..dee0188b0a 100644
--- a/static/usage/v7/modal/controller/demo.html
+++ b/static/usage/v7/modal/controller/demo.html
@@ -45,8 +45,7 @@
       </ion-header>
       <ion-content class="ion-padding">
         <ion-item>
-          <ion-label position="stacked">Enter your name</ion-label>
-          <ion-input type="text" placeholder="Your name"></ion-input>
+          <ion-input type="text" label="Enter your name" label-placement="stacked" placeholder="Your name"></ion-input>
         </ion-item>
       </ion-content>
       `;
diff --git a/static/usage/v7/modal/controller/javascript.md b/static/usage/v7/modal/controller/javascript.md
index dc4786be8c..2911361f83 100644
--- a/static/usage/v7/modal/controller/javascript.md
+++ b/static/usage/v7/modal/controller/javascript.md
@@ -26,8 +26,7 @@
       </ion-header>
       <ion-content class="ion-padding">
         <ion-item>
-          <ion-label position="stacked">Enter your name</ion-label>
-          <ion-input type="text" placeholder="Your name"></ion-input>
+          <ion-input type="text" label-placement="stacked" label="Enter your name" placeholder="Your name"></ion-input>
         </ion-item>
       </ion-content>
       `;
diff --git a/static/usage/v7/modal/controller/react.md b/static/usage/v7/modal/controller/react.md
index 8af5d61f85..c46fffc22d 100644
--- a/static/usage/v7/modal/controller/react.md
+++ b/static/usage/v7/modal/controller/react.md
@@ -38,8 +38,7 @@ const ModalExample = ({
       </IonHeader>
       <IonContent className="ion-padding">
         <IonItem>
-          <IonLabel position="stacked">Enter your name</IonLabel>
-          <IonInput ref={inputRef} placeholder="Your name" />
+          <IonInput ref={inputRef} labelPlacement="stacked" label="Enter your name" placeholder="Your name" />
         </IonItem>
       </IonContent>
     </IonPage>
diff --git a/static/usage/v7/modal/controller/vue/modal_vue.md b/static/usage/v7/modal/controller/vue/modal_vue.md
index fb25c458a6..19c8f80257 100644
--- a/static/usage/v7/modal/controller/vue/modal_vue.md
+++ b/static/usage/v7/modal/controller/vue/modal_vue.md
@@ -13,8 +13,7 @@
   </ion-header>
   <ion-content class="ion-padding">
     <ion-item>
-      <ion-label position="stacked">Your name</ion-label>
-      <ion-input v-model="name" placeholder="Your name"></ion-input>
+      <ion-input label-placement="stacked" label="Enter your name" v-model="name" placeholder="Your name"></ion-input>
     </ion-item>
   </ion-content>
 </template>

From 8f31abc37242066db9279822d59327ab4bceafed Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 7 Apr 2023 15:30:26 -0400
Subject: [PATCH 2/2] chore: remove unused imports

---
 static/usage/v7/modal/controller/react.md         | 1 -
 static/usage/v7/modal/controller/vue/modal_vue.md | 3 +--
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/static/usage/v7/modal/controller/react.md b/static/usage/v7/modal/controller/react.md
index c46fffc22d..5a60b863af 100644
--- a/static/usage/v7/modal/controller/react.md
+++ b/static/usage/v7/modal/controller/react.md
@@ -9,7 +9,6 @@ import {
   IonTitle,
   IonPage,
   IonItem,
-  IonLabel,
   IonInput,
   useIonModal,
 } from '@ionic/react';
diff --git a/static/usage/v7/modal/controller/vue/modal_vue.md b/static/usage/v7/modal/controller/vue/modal_vue.md
index 19c8f80257..b8ca305006 100644
--- a/static/usage/v7/modal/controller/vue/modal_vue.md
+++ b/static/usage/v7/modal/controller/vue/modal_vue.md
@@ -27,7 +27,6 @@
     IonButtons,
     IonButton,
     IonItem,
-    IonLabel,
     IonInput,
     modalController,
   } from '@ionic/vue';
@@ -35,7 +34,7 @@
 
   export default defineComponent({
     name: 'Modal',
-    components: { IonContent, IonHeader, IonTitle, IonToolbar, IonButtons, IonButton, IonItem, IonLabel, IonInput },
+    components: { IonContent, IonHeader, IonTitle, IonToolbar, IonButtons, IonButton, IonItem, IonInput },
     methods: {
       cancel() {
         return modalController.dismiss(null, 'cancel');