diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
index 50d35e466..ef5f30b27 100755
--- a/src/AppConfigurator.vue
+++ b/src/AppConfigurator.vue
@@ -20,7 +20,7 @@
                     <AppInputStyleSwitch />
 
                     <h4>Ripple Effect</h4>
-                    <InputSwitch :value="rippleActive" @input="onRippleChange"  />
+                    <InputSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange"  />
 
                     <h4>Free Themes</h4>
                     <p>Built-in component themes created by the <a href="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</a>.</p>
diff --git a/src/AppInputStyleSwitch.vue b/src/AppInputStyleSwitch.vue
index 66cc927f1..9d9025f56 100644
--- a/src/AppInputStyleSwitch.vue
+++ b/src/AppInputStyleSwitch.vue
@@ -3,11 +3,11 @@
         <h4>Input Style</h4>
         <div class="p-formgroup-inline">
             <div class="p-field-radiobutton">
-                <RadioButton id="input_outlined" name="inputstyle" value="outlined" :modelValue="value" @input="onChange" />
+                <RadioButton id="input_outlined" name="inputstyle" value="outlined" :modelValue="value" @update:modelValue="onChange" />
                 <label for="input_outlined">Outlined</label>
             </div>
             <div class="p-field-radiobutton">
-                <RadioButton id="input_filled" name="inputstyle" value="filled" :modelValue="value" @input="onChange" />
+                <RadioButton id="input_filled" name="inputstyle" value="filled" :modelValue="value" @update:modelValue="onChange" />
                 <label for="input_filled">Filled</label>
             </div>
         </div>