diff --git a/apps/showcase/doc/inputgroup/BasicDoc.vue b/apps/showcase/doc/inputgroup/BasicDoc.vue
index 7a3562b4c..05bd0daa9 100644
--- a/apps/showcase/doc/inputgroup/BasicDoc.vue
+++ b/apps/showcase/doc/inputgroup/BasicDoc.vue
@@ -7,18 +7,18 @@
             <InputGroupAddon>
                 <i class="pi pi-user"></i>
             </InputGroupAddon>
-            <InputText placeholder="Username" />
+            <InputText v-model="text1" placeholder="Username" />
         </InputGroup>
 
         <InputGroup>
             <InputGroupAddon>$</InputGroupAddon>
-            <InputNumber placeholder="Price" />
+            <InputNumber v-model="number" placeholder="Price" />
             <InputGroupAddon>.00</InputGroupAddon>
         </InputGroup>
 
         <InputGroup>
             <InputGroupAddon>www</InputGroupAddon>
-            <InputText placeholder="Website" />
+            <InputText v-model="text2" placeholder="Website" />
         </InputGroup>
     </div>
     <DocSectionCode :code="code" />
@@ -28,6 +28,9 @@
 export default {
     data() {
         return {
+            text1: null,
+            text2: null,
+            number: null,
             code: {
                 basic: `
 <InputGroup>