Alert 警告提示

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

Storybook

引入

import { Alert } from '@versakit/vue'

基础用法

loading

属性

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

事件

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

插槽

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