介绍

本文档主要用于描述 ShadcnAlert 组件的一些特性和用法。

用法

查看代码

<template>
    <ShadcnAlert>Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

标题 (title)

查看代码

<template>
    <ShadcnAlert title="Title">Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

类型 (type)

查看代码

<template>
    <ShadcnAlert type="primary">Alert</ShadcnAlert>
    <ShadcnAlert type="success">Alert</ShadcnAlert>
    <ShadcnAlert type="warning">Alert</ShadcnAlert>
    <ShadcnAlert type="error">Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

图标 (icon)

查看代码

<template>
    <ShadcnAlert title="Title" show-icon>Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

横幅 (banner)

查看代码

<template>
    <ShadcnAlert title="Title" banner>Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

可关闭 (closable)

查看代码

<template>
    <ShadcnAlert title="Title" closable>Alert</ShadcnAlert>
</template>

<script setup lang="ts">
</script>

警告提示 (Alert) 属性

警告提示 (Alert) 事件

警告提示 (Alert) 插槽