Added plain prop into classes and updated demos (#5279)

primefaces · Nov 10, 2023 · c0cfc0b · c0cfc0b
1 parent 92607ee
commit c0cfc0b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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,