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',