Fixed #5176 - variant added

components/lib/inputtext/BaseInputText.vue

@@ -14,6 +14,10 @@ export default {
         invalid: {
             type: Boolean,
             default: false
+        },
+        variant: {
+            type: String,
+            default: 'outlined'
         }
     },
     style: InputTextStyle,

components/lib/inputtext/InputText.d.ts

@@ -96,6 +96,11 @@ export interface InputTextProps extends InputHTMLAttributes {
      * @defaultValue false
      */
     invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {InputTextPassThroughOptions}

components/lib/inputtext/style/InputTextStyle.js

@@ -7,7 +7,8 @@ const classes = {
             'p-filled': instance.filled,
             'p-inputtext-sm': props.size === 'small',
             'p-inputtext-lg': props.size === 'large',
-            'p-invalid': props.invalid
+            'p-invalid': props.invalid,
+            'p-variant': props.variant === 'filled'
         }
     ]
 };