feat(Notification): support html with title and description slots (#431)

2026-01-23 08:20:39 +01:00 · 2023-07-20 11:58:43 +02:00
parent 9fc786eda0
commit df455db3ca
5 changed files with 71 additions and 4 deletions
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -9,10 +9,14 @@

            <div class="w-0 flex-1">
              <p :class="ui.title">
-                {{ title }}
+                <slot name="title" :title="title">
+                  {{ title }}
+                </slot>
              </p>
              <p v-if="description" :class="ui.description">
-                {{ description }}
+                <slot name="description" :description="description">
+                  {{ description }}
+                </slot>
              </p>

              <div v-if="description && actions.length" class="mt-3 flex items-center gap-2">