From 0f18af1887bfc3713470ba377ede6bd82e047981 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 4 Jul 2023 12:28:37 +0300
Subject: [PATCH] Update SizesDoc.vue

---
 doc/inputtext/SizesDoc.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/doc/inputtext/SizesDoc.vue b/doc/inputtext/SizesDoc.vue
index a7ebe3775..c51a79f53 100644
--- a/doc/inputtext/SizesDoc.vue
+++ b/doc/inputtext/SizesDoc.vue
@@ -1,11 +1,11 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Apply <i>.p-inputtext-sm</i> to reduce the size of the input element or <i>.p-inputtext-lg</i> to enlarge it.</p>
+        <p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the standard.</p>
     </DocSectionText>
     <div class="card flex flex-column align-items-center gap-3">
-        <InputText v-model="value1" type="text" class="p-inputtext-sm" placeholder="Small" />
+        <InputText v-model="value1" type="text" size="small" placeholder="Small" />
         <InputText v-model="value2" type="text" placeholder="Normal" />
-        <InputText v-model="value3" type="text" class="p-inputtext-lg" placeholder="Large" />
+        <InputText v-model="value3" type="text" size="large" placeholder="Large" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -19,15 +19,15 @@ export default {
             value3: null,
             code: {
                 basic: `
-<InputText v-model="value1" type="text" class="p-inputtext-sm" placeholder="Small" />
+<InputText v-model="value1" type="text" size="small" placeholder="Small" />
 <InputText v-model="value2" type="text" placeholder="Normal" />
-<InputText v-model="value3" type="text" class="p-inputtext-lg" placeholder="Large" />`,
+<InputText v-model="value3" type="text" size="large" placeholder="Large" />`,
                 options: `
 <template>
     <div class="card flex flex-column align-items-center gap-3">
-        <InputText v-model="value1" type="text" class="p-inputtext-sm" placeholder="Small" />
+        <InputText v-model="value1" type="text" size="small" placeholder="Small" />
         <InputText v-model="value2" type="text" placeholder="Normal" />
-        <InputText v-model="value3" type="text" class="p-inputtext-lg" placeholder="Large" />
+        <InputText v-model="value3" type="text" size="large" placeholder="Large" />
     </div>
 </template>
 
@@ -45,9 +45,9 @@ export default {
                 composition: `
 <template>
     <div class="card flex flex-column align-items-center gap-3">
-        <InputText v-model="value1" type="text" class="p-inputtext-sm" placeholder="Small" />
+        <InputText v-model="value1" type="text" size="small" placeholder="Small" />
         <InputText v-model="value2" type="text" placeholder="Normal" />
-        <InputText v-model="value3" type="text" class="p-inputtext-lg" placeholder="Large" />
+        <InputText v-model="value3" type="text" size="large" placeholder="Large" />
     </div>
 </template>