shadcn-vue/apps/www/src/lib/registry/default/example/AlertDestructiveDemo.vue
Selemondev e5cecae352
docs: Improve the API reference of all the components (#152)
* docs: improve the api reference of all the components

* docs(app): #152 add new-york theme

This pull request is intended to add the new-york theme for the newly created component examples.

Closes: #152

* chore: build registry

* chore: change usage of lucide icon in new-york

---------

Co-authored-by: zernonia <zernonia@gmail.com>
2023-11-09 18:42:01 +08:00

15 lines
405 B
Vue

<script setup lang="ts">
import { AlertCircle } from 'lucide-vue-next'
import { Alert, AlertDescription, AlertTitle } from '@/lib/registry/default/ui/alert'
</script>
<template>
<Alert variant="destructive">
<AlertCircle class="w-4 h-4" />
<AlertTitle>Error</AlertTitle>
<AlertDescription>
Your session has expired. Please log in again.
</AlertDescription>
</Alert>
</template>