ant-design/components/alert/demo/closable.md

41 lines
780 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 2
title:
zh-CN: 可关闭的警告提示
en-US: Closable
2016-03-31 09:40:55 +08:00
---
2015-07-29 17:22:36 +08:00
## zh-CN
2015-07-29 17:22:36 +08:00
显示关闭按钮,点击可关闭警告提示。
## en-US
To show close button.
2020-01-21 16:21:37 +08:00
```tsx
import { Alert } from 'antd';
2015-07-29 17:22:36 +08:00
2020-01-21 16:21:37 +08:00
const onClose = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
console.log(e, 'I was closed.');
2015-07-29 18:44:56 +08:00
};
export default () => (
<>
2017-10-09 13:23:20 +08:00
<Alert
message="Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"
type="warning"
closable
onClose={onClose}
/>
<Alert
message="Error Text"
description="Error Description Error Description Error Description Error Description Error Description Error Description"
type="error"
closable
onClose={onClose}
/>
</>
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```