Refactor #3695

api-generator/components/button.js

@@ -88,6 +88,12 @@ const ButtonProps = [
         type: 'string',
         default: 'null',
         description: 'Defines the size of the button, valid values are "small" and "large".'
+    },
+    {
+        name: 'plain',
+        type: 'boolean',
+        default: 'false',
+        description: 'Add a plain textual class to the button without a background initially.'
     }
 ];
 

components/button/Button.d.ts

@@ -90,6 +90,11 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Defines the size of the button.
      */
     size?: 'small' | 'large' | undefined;
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    plain?: boolean | undefined;
 }
 
 /**

components/button/Button.vue

@@ -74,6 +74,10 @@ export default {
         size: {
             type: String,
             default: null
+        },
+        plain: {
+            type: Boolean,
+            default: false
         }
     },
     computed: {
@@ -93,7 +97,8 @@ export default {
                     'p-button-text': this.text,
                     'p-button-outlined': this.outlined,
                     'p-button-sm': this.size === 'small',
-                    'p-button-lg': this.size === 'large'
+                    'p-button-lg': this.size === 'large',
+                    'p-button-plain': this.plain
                 }
             ];
         },