§ Alert 警告

用于页面中展示重要的提示信息。

基本用法

页面中的非浮层元素，不会自动消失。

成功提示的文案
消息提示的文案
警告提示的文案
错误提示的文案

显示代码

Alert 组件提供了两个不同的主题：light和dark。

成功提示的文案
消息提示的文案
警告提示的文案
错误提示的文案

显示代码

自定义关闭按钮为文字或其他符号。

不可关闭的 alert
自定义 close-text知道了
设置了回调的 alert

显示代码

表示某种状态时提升可读性。

成功提示的文案
消息提示的文案
警告提示的文案
错误提示的文案

显示代码

使用 center 属性让文字水平居中。

成功提示的文案
消息提示的文案
警告提示的文案
错误提示的文案

显示代码

包含标题和内容，解释更详细的警告。

带辅助性文字介绍

这是一句绕口令：黑灰化肥会挥发发灰黑化肥挥发；灰黑化肥会挥发发黑灰化肥发挥。黑灰化肥会挥发发灰黑化肥黑灰挥发化为灰……

显示代码

成功提示的文案

文字说明文字说明文字说明文字说明文字说明文字说明

消息提示的文案

文字说明文字说明文字说明文字说明文字说明文字说明

警告提示的文案

文字说明文字说明文字说明文字说明文字说明文字说明

错误提示的文案

文字说明文字说明文字说明文字说明文字说明文字说明

显示代码