diff --git a/api-generator/components/button.js b/api-generator/components/button.js
index 198b75c64..359c3d45e 100644
--- a/api-generator/components/button.js
+++ b/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.'
     }
 ];
 
diff --git a/components/button/Button.d.ts b/components/button/Button.d.ts
index 9860f71bf..d4b9da010 100755
--- a/components/button/Button.d.ts
+++ b/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;
 }
 
 /**
diff --git a/components/button/Button.vue b/components/button/Button.vue
index 425d1655e..a60cececc 100755
--- a/components/button/Button.vue
+++ b/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
                 }
             ];
         },