mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 21:59:41 +08:00
4b3aa350b8
* feat: Add action in Alert and replace with flexbox layout * update * update test * doc * Revert "update" This reverts commit aef6e135a757341becdb01082238d48f7648ec5e. * Update index.less * Update index.less * update test * Update index.test.tsx.snap * @alert-closable-padding-right * Update index.less * correct top of icon * correct top of close icon * fix @alert-closable-padding-right * update * doc * Update components/alert/demo/action.md Co-authored-by: 偏右 <afc163@gmail.com> * Remove duplicate css * Simplify styles of close-icon * font size of close icon * update test * update test * Remove unused less var Co-authored-by: 偏右 <afc163@gmail.com>
1.6 KiB
1.6 KiB
| category | subtitle | type | title | cover |
|---|---|---|---|---|
| Components | 警告提示 | 反馈 | Alert | https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg |
警告提示，展现需要关注的信息。
何时使用
- 当某个页面需要向用户显示警告的信息时。
- 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。
API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| action | 自定义操作项 | ReactNode | - | 4.9.0 |
| afterClose | 关闭动画结束后触发的回调函数 | () => void | - | |
| banner | 是否用作顶部公告 | boolean | false | |
| closable | 默认不显示关闭按钮 | boolean | - | |
| closeText | 自定义关闭按钮 | ReactNode | - | |
| 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 }} |