From 2cc8250632d7e8d7d7a83ec79872dc751884d398 Mon Sep 17 00:00:00 2001 From: Asterisk Date: Wed, 11 Dec 2024 23:44:55 -0500 Subject: [PATCH] feat: Add new alert types (#72) * add new alert types * Update alert.md * Update alert.md --- components/content/Alert.vue | 2 ++ content/2.components/2.docs/alert.md | 8 ++++++++ 2 files changed, 10 insertions(+) diff --git a/components/content/Alert.vue b/components/content/Alert.vue index 133e695a..42862d10 100644 --- 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 index 3d2176c6..4c2242e9 100644 --- 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](/). ::