Skip to content

Alert 警告提示

Alert 是一种用于展示重要信息或操作结果的通知组件,通常以醒目的样式出现在页面中。它不打断用户当前操作,但需用户主动关注,用于传达成功、错误、警告或信息类反馈。

引入

typescript
import { Alert } from '@versakit/vue'

基础用法

loading

属性

属性名说明类型默认值
variant警告框的变体样式'success' | 'error' | 'warning' | 'info''info'
closable是否可关闭booleanfalse
rounded圆角大小'none' | 'sm' | 'md' | 'lg' | 'full''md'

事件

事件名说明回调参数
close关闭按钮点击时触发-

插槽

插槽名说明
default警告框的内容
title警告框的标题
icon自定义图标