警报

显示一个用于引起用户注意的提示。

安装

bash
npx shadcn-vue@latest add alert

使用

vue
<script setup lang="ts">
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
</script>

<template>
  <Alert>
    <AlertTitle>Heads up!</AlertTitle>
    <AlertDescription>
      You can add components to your app using the cli.
    </AlertDescription>
  </Alert>
</template>

示例

默认

破坏性

在GitHub上编辑此页面