警告提示 Alert

警告提示,展现需要关注的信息。

何时使用

  • 当某个页面需要向用户显示警告的信息时
  • 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭

代码演示

基本用法

最简单的用法,适用于简短的警告提示。

正在加载组件...
code

四种样式

共有四种样式 infosuccesswarningerror

正在加载组件...
code

自定义内容

可以自定义内容,以适应不同的场景。

正在加载组件...
code

API

通过设置 Alert 的属性来产生不同的警告提示样式。

参数说明类型默认值
type指定警告提示的样式info | success | warning | errorinfo
message警告提示内容ReactNode-
className自定义类名string-