警告提示 Alert

基础用法

提示

提示

提示

提示

<template>
  <div style="margin-bottom: 10px" v-for="v in status">
    <bp-alert :status="v" title="提示"> </bp-alert>
  </div>
</template>

<script setup lang="ts">
const status = ["info", "success", "warning", "danger"];
</script>

Alert 属性

title	标题	String	-	-
content	内容	String	-	-
status	状态类型	String	info	-
icon	自定义图标	Component	-	-
hide-border	是否隐藏边框	Boolean	-	-
hide-icon	是否隐藏图标	Boolean	-	-
show-close	是否显示关闭按钮	Boolean	-	-

Alert 插槽

content	内容区域	-	-
close	关闭按钮内容	-	-