diff --git a/doc/button/RaisedTextDoc.vue b/doc/button/RaisedTextDoc.vue
index ef08c0180..0643cfade 100644
--- a/doc/button/RaisedTextDoc.vue
+++ b/doc/button/RaisedTextDoc.vue
@@ -10,6 +10,7 @@
         <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" />
 </template>
@@ -26,7 +27,8 @@ export default {
 <Button label="Info" severity="info" text raised />
 <Button label="Warning" severity="warning" text raised />
 <Button label="Help" severity="help" text raised />
-<Button label="Danger" severity="danger" text raised />`,
+<Button label="Danger" severity="danger" text raised />
+<Button label="Plain" plain text raised />`,
                 options: `
 <template>
     <div class="card flex justify-content-center flex-wrap gap-3">
@@ -37,6 +39,7 @@ export default {
         <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>
 </template>
 
@@ -52,6 +55,7 @@ export default {
         <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>
 </template>
 
diff --git a/doc/button/TextDoc.vue b/doc/button/TextDoc.vue
index 1b9523dd1..fd4d8d29e 100644
--- a/doc/button/TextDoc.vue
+++ b/doc/button/TextDoc.vue
@@ -10,6 +10,7 @@
         <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" />
 </template>
@@ -26,7 +27,8 @@ export default {
 <Button label="Info" severity="info" text />
 <Button label="Warning" severity="warning" text />
 <Button label="Help" severity="help" text />
-<Button label="Danger" severity="danger" text />`,
+<Button label="Danger" severity="danger" text />
+<Button label="Plain" plain text />`,
                 options: `
 <template>
     <div class="card flex justify-content-center flex-wrap gap-3">
@@ -37,6 +39,7 @@ export default {
         <Button label="Warning" severity="warning" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
+        <Button label="Plain" plain text />
     </div>
 </template>
 
@@ -52,6 +55,7 @@ export default {
         <Button label="Warning" severity="warning" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
+        <Button label="Plain" plain text />
     </div>
 </template>