跳到主要内容

Alert 警告提示

向用户显示警告的信息时,通过警告提示,展现需要关注的信息。


基础警告

使用简洁文字提示的最基础警告条,包含 4 种情况的提示:普通消息,成功,警示,失败。

带图标的警告

带图标的警告让信息类型更加醒目。

可关闭的警告

当需要对警告进行关闭时。

带按钮的警告

当需要对此警告做操作时。

带相关描述文字的警告

当信息内容较复杂时,可使用相关描述文字辅助说明。

何时使用

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

何时不使用

  • 正常输入项报错时,使用输入项本身的报错样式,或者使用 全局提示 ,而不要使用 警告提示
  • 用于呈现普通提示信息时,建议使用 卡片气泡卡片 ,而不要使用 警告提示

布局

  • 可放于 “页面、对话框、抽屉” 等多种容器中,一般展示在容器顶部。