mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
1.0 KiB
1.0 KiB
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
自定义关闭按钮的样式和文字。
en-US
To customize the style or font of the close button.
import { Button, notification } from 'antd';
const close = function () {
console.log('Notification was closed. Either the close button was clicked or duration time elapsed.');
};
const openNotification = function () {
const key = `open${Date.now()}`;
const btnClick = function () {
// to hide notification box
notification.close(key);
};
const btn = (
<Button type="primary" size="small" onClick={btnClick}>
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(
<div>
<Button type="primary" onClick={openNotification}>Open the notification box</Button>
</div>,
mountNode);