Refactor #5176 - invalid property added

components/lib/togglebutton/BaseToggleButton.vue

@@ -21,6 +21,10 @@ export default {
             type: String,
             default: 'left'
         },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
         disabled: {
             type: Boolean,
             default: false

components/lib/togglebutton/ToggleButton.d.ts

@@ -144,6 +144,11 @@ export interface ToggleButtonProps {
      * @defaultValue left
      */
     iconPos?: 'left' | 'right' | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the element should be disabled.
      * @defaultValue false

components/lib/togglebutton/style/ToggleButtonStyle.js

@@ -24,7 +24,8 @@ const classes = {
         'p-togglebutton p-component',
         {
             'p-disabled': props.disabled,
-            'p-highlight': instance.active
+            'p-highlight': instance.active,
+            'p-invalid': props.invalid
         }
     ],
     input: 'p-togglebutton-input',