test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-16 01:41:02 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity
820a9213c3
ant-design/components/alert/index.zh-CN.md
@linhf2023 cdc4e50873
feat: migrate less to token for Alert (#42142) 
* feat: migrate less to token for Alert

* fix: lint

* feat(alert): add component token demo

* test: add snap

* Update docs/react/migrate-less-variables.zh-CN.md

Co-authored-by: MadCcc <1075746765@qq.com>

* feat(alert): update token name

* feat(alert): update demo

* feat: update snap

* doc: update migrate

* chore: code clean

* feat: alert token

* chore: code clean

* chore: fix lint

---------

Co-authored-by: @linhf2023 <32009993+any1024@users.noreply.github.com>
Co-authored-by: MadCcc <1075746765@qq.com>
2023-08-17 15:00:04 +08:00

2.6 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: 设置为 null 或 false 时隐藏关闭按钮 boolean | ReactNode <CloseOutlined />
description 警告提示的辅助性文字介绍 ReactNode -
icon 自定义图标，showIcon 为 true 时有效 ReactNode -
message 警告提示内容 ReactNode -
showIcon 是否显示辅助图标 boolean false，banner 模式下默认值为 true
type 指定警告提示的样式，有四种选择 success、info、warning、error string info，banner 模式下默认值为 warning
onClose 关闭时触发的回调函数 (e: MouseEvent) => void -

Alert.ErrorBoundary

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