feat: Add new alert types (#72)

* add new alert types * Update alert.md * Update alert.md
ZTL-UwU · Dec 12, 2024 · 2cc8250 · 2cc8250
1 parent 13a31aa
commit 2cc8250
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/components/content/Alert.vue b/components/content/Alert.vue
@@ -44,6 +44,8 @@ const {
 const typeTwClass = {
   default: '',
   info: 'border-sky-600 text-sky-600 [&>svg]:text-sky-600',
+  note: 'border-blue-700 text-blue-700 [&>svg]:text-blue-700',
+  example: 'border-violet-600 text-violet-600 [&>svg]:text-violet-600',
   warning: 'border-amber-600 text-amber-600 [&>svg]:text-amber-600',
   success: 'border-green-600 text-green-600 [&>svg]:text-green-600',
   danger: 'border-red-600 text-red-600 [&>svg]:text-red-600',

diff --git a/content/2.components/2.docs/alert.md b/content/2.components/2.docs/alert.md
@@ -24,10 +24,18 @@ badges:
       An **info** alert with `code` and a [link](/).
     ::
 
+    ::alert{type="note" icon="lucide:pencil"}
+      A **note** alert with `code` and a [link](/).
+    ::
+
     ::alert{type="success" icon="lucide:lightbulb"}
       A **success** alert with `code` and a [link](/).
     ::
 
+    ::alert{type="example" icon="lucide:test-tube"}
+      An **example** alert with `code` and a [link](/).
+    ::
+
     ::alert{type="warning" icon="lucide:triangle-alert"}
       A **warning** alert with `code` and a [link](/).
     ::