ant-design/components/alert/index.zh-CN.md

category, title, subtitle, description, cover, coverDark, demo, group

category	title	subtitle	description	cover	coverDark	demo	group
Components	Alert	警告提示	警告提示，展现需要关注的信息。	https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*QsvtS41m45UAAAAAAAAAAAAADrJ8AQ/original	https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*gOTISoMFZV0AAAAAAAAAAAAADrJ8AQ/original	cols 2	title order 反馈 6

何时使用

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

代码演示

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

API

通用属性参考：通用属性

参数	说明	类型	默认值	版本
action	自定义操作项	ReactNode	-	4.9.0
afterClose	关闭动画结束后触发的回调函数，请使用 closable.afterClose 替换	() => void	-
banner	是否用作顶部公告	boolean	false
classNames	自定义组件内部各语义化结构的类名。支持对象或函数	Record<SemanticDOM, string> | (info: { props }) => Record<SemanticDOM, string>	-
closable	可关闭配置，>=5.15.0: 支持 aria-*	boolean | ClosableType & React.AriaAttributes	false
description	警告提示的辅助性文字介绍	ReactNode	-
icon	自定义图标，showIcon 为 true 时有效	ReactNode	-
message	警告提示内容，请使用 title 替换	ReactNode	-
title	警告提示内容	ReactNode	-
showIcon	是否显示辅助图标	boolean	false，banner 模式下默认值为 true
styles	自定义组件内部各语义化结构的内联样式。支持对象或函数	Record<SemanticDOM, CSSProperties> | (info: { props }) => Record<SemanticDOM, CSSProperties>	-
type	指定警告提示的样式，有四种选择 success、info、warning、error	string	info，banner 模式下默认值为 warning
onClose	关闭时触发的回调函数，请使用 closable.onClose 替换	(e: MouseEvent) => void	-

ClosableType

参数	说明	类型	默认值	版本
afterClose	关闭动画结束后触发的回调函数	function	-	-
closeIcon	自定义关闭图标	ReactNode	-	-
onClose	关闭时触发的回调函数	(e: MouseEvent) => void	-	-

Alert.ErrorBoundary

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

Semantic DOM

Design Token