aboutsummaryrefslogtreecommitdiff
path: root/src/ui/c-alert/c-alert.demo.vue
diff options
context:
space:
mode:
authorGravatar Corentin THOMASSET <corentin.thomasset74@gmail.com> 2023-11-01 11:11:51 +0100
committerGravatar GitHub <noreply@github.com> 2023-11-01 10:11:51 +0000
commit02b0d0d1a13cb8bcbf7f98339278fd874a0cbc19 (patch)
tree7ecbf28e38d9382811d63d39ea76649ed72dc5c1 /src/ui/c-alert/c-alert.demo.vue
parent4d5a67d96d68e8c7ce790cf95f34c8c15736845e (diff)
downloadit-tools-02b0d0d1a13cb8bcbf7f98339278fd874a0cbc19.tar.gz
it-tools-02b0d0d1a13cb8bcbf7f98339278fd874a0cbc19.tar.zst
it-tools-02b0d0d1a13cb8bcbf7f98339278fd874a0cbc19.zip
fix(encryption): alert on decryption error (#711)
* update(c-alert): Add variant 'error' * fix(encryption): Alert decryption error (#652) * feat(c-alert): added title * refactor(composable): mutualized computedCatch --------- Co-authored-by: code2933 <code2933@outlook.com>
Diffstat (limited to 'src/ui/c-alert/c-alert.demo.vue')
-rw-r--r--src/ui/c-alert/c-alert.demo.vue10
1 files changed, 9 insertions, 1 deletions
diff --git a/src/ui/c-alert/c-alert.demo.vue b/src/ui/c-alert/c-alert.demo.vue
index 546c785..69f3ea4 100644
--- a/src/ui/c-alert/c-alert.demo.vue
+++ b/src/ui/c-alert/c-alert.demo.vue
@@ -1,11 +1,19 @@
<script lang="ts" setup>
-const variants = ['warning'] as const;
+const variants = ['warning', 'error'] as const;
</script>
<template>
+ <h2>Basic</h2>
<c-alert v-for="variant in variants" :key="variant" :type="variant" mb-4>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni reprehenderit itaque enim? Suscipit magni optio velit
quia, eveniet repellat pariatur quaerat laudantium dignissimos natus, beatae deleniti adipisci, atque necessitatibus
odio!
</c-alert>
+
+ <h2>With title</h2>
+ <c-alert v-for="variant in variants" :key="variant" :type="variant" title="This is the title" mb-4>
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni reprehenderit itaque enim? Suscipit magni optio velit
+ quia, eveniet repellat pariatur quaerat laudantium dignissimos natus, beatae deleniti adipisci, atque necessitatibus
+ odio!
+ </c-alert>
</template>