diff options
Diffstat (limited to 'src/ui/c-alert/c-alert.demo.vue')
| -rw-r--r-- | src/ui/c-alert/c-alert.demo.vue | 10 |
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> |