From ea472701a1b751a227901ce3e76a0335c89bfa19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 7 Aug 2023 15:48:33 +0300
Subject: [PATCH] DynamicDialog StyledDoc added

---
 doc/dynamicdialog/theming/StyledDoc.vue | 5 +++++
 doc/dynamicdialog/theming/index.vue     | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 doc/dynamicdialog/theming/StyledDoc.vue

diff --git a/doc/dynamicdialog/theming/StyledDoc.vue b/doc/dynamicdialog/theming/StyledDoc.vue
new file mode 100644
index 000000000..3106503db
--- /dev/null
+++ b/doc/dynamicdialog/theming/StyledDoc.vue
@@ -0,0 +1,5 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>List of class names can be found in <PrimeVueNuxtLink to="/dialog/#styled">Dialog</PrimeVueNuxtLink> theming documentation.</p>
+    </DocSectionText>
+</template>
diff --git a/doc/dynamicdialog/theming/index.vue b/doc/dynamicdialog/theming/index.vue
index fa75ba114..d3f44a753 100644
--- a/doc/dynamicdialog/theming/index.vue
+++ b/doc/dynamicdialog/theming/index.vue
@@ -9,12 +9,18 @@
 </template>
 
 <script>
+import StyledDoc from './StyledDoc.vue';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
     data() {
         return {
             docs: [
+                {
+                    id: 'styled',
+                    label: 'Styled',
+                    component: StyledDoc
+                },
                 {
                     id: 'unstyled',
                     label: 'Unstyled',