mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
b531de3fee
* upgrade devDeps and fix lint * Fix stylelint problems
952 B
952 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
自定义关闭按钮的样式和文字。
en-US
To customize the style or font of the close button.
import { Button, notification } from 'antd';
const close = () => {
console.log('Notification was closed. Either the close button was clicked or duration time elapsed.');
};
const openNotification = () => {
const key = `open${Date.now()}`;
const btn = (
<Button type="primary" size="small" onClick={() => notification.close(key)}>
Confirm
</Button>
);
notification.open({
message: 'Notification Title',
description: 'A function will be be called after the notification is closed (automatically after the "duration" time of manually).',
btn,
key,
onClose: close,
});
};
ReactDOM.render(
<Button type="primary" onClick={openNotification}>
Open the notification box
</Button>
, mountNode);