ant-design/components/alert/index.zh-CN.md
2023-09-22 09:57:58 +08:00

2.7 KiB
Raw Blame History

category subtitle title cover coverDark demo group
Components 警告提示 Alert https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-U3XQqYN7VsAAAAAAAAAAAAADrJ8AQ/original
cols
2
title order
反馈 6

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

何时使用

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

代码演示

基本 四种样式 可关闭的警告提示 含有辅助性文字介绍 图标 顶部公告 轮播的公告 平滑地卸载 React 错误处理 自定义图标 操作 组件 Token

API

通用属性参考:通用属性

参数 说明 类型 默认值 版本
action 自定义操作项 ReactNode - 4.9.0
afterClose 关闭动画结束后触发的回调函数 () => void -
banner 是否用作顶部公告 boolean false
closeIcon 自定义关闭 Icon>=5.7.0: 设置为 nullfalse 时隐藏关闭按钮 boolean | ReactNode <CloseOutlined />
description 警告提示的辅助性文字介绍 ReactNode -
icon 自定义图标,showIcon 为 true 时有效 ReactNode -
message 警告提示内容 ReactNode -
showIcon 是否显示辅助图标 boolean falsebanner 模式下默认值为 true
type 指定警告提示的样式,有四种选择 successinfowarningerror string infobanner 模式下默认值为 warning
onClose 关闭时触发的回调函数 (e: MouseEvent) => void -

Alert.ErrorBoundary

参数 说明 类型 默认值 版本
description 自定义错误内容,如果未指定会展示报错堆栈 ReactNode {{ error stack }}
message 自定义错误标题,如果未指定会展示原生报错信息 ReactNode {{ error }}

Design Token