diff --git a/components/doc/button/raisedtextdoc.js b/components/doc/button/raisedtextdoc.js
index 20630a3bef..9b8309acc9 100644
--- a/components/doc/button/raisedtextdoc.js
+++ b/components/doc/button/raisedtextdoc.js
@@ -64,6 +64,7 @@ export default function RaisedTextDemo() {
                 <Button label="Warning" severity="warning" text raised />
                 <Button label="Help" severity="help" text raised />
                 <Button label="Danger" severity="danger" text raised />
+                <Button label="Plain" plain text raised />
             </div>
             <DocSectionCode code={code} />
         </>
diff --git a/components/doc/button/textdoc.js b/components/doc/button/textdoc.js
index af8e838792..c5500fb7d3 100644
--- a/components/doc/button/textdoc.js
+++ b/components/doc/button/textdoc.js
@@ -64,6 +64,7 @@ export default function TextDemo() {
                 <Button label="Warning" severity="warning" text />
                 <Button label="Help" severity="help" text />
                 <Button label="Danger" severity="danger" text />
+                <Button label="Plain" plain text />
             </div>
             <DocSectionCode code={code} />
         </>
diff --git a/components/lib/button/ButtonBase.js b/components/lib/button/ButtonBase.js
index d4409853e7..f1677a01bb 100644
--- a/components/lib/button/ButtonBase.js
+++ b/components/lib/button/ButtonBase.js
@@ -12,7 +12,7 @@ const classes = {
         }),
     label: 'p-button-label p-c',
     root: ({ props, size, disabled }) =>
-        classNames('p-button p-component', {
+        classNames('p-button p-component', props?.plain ? 'p-button-plain' : '', {
             'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
             'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
             'p-disabled': disabled,