mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
6776bb8916
* docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo
36 lines
687 B
Markdown
36 lines
687 B
Markdown
---
|
||
order: 0
|
||
title:
|
||
zh-CN: 基本
|
||
en-US: Basic
|
||
---
|
||
|
||
## zh-CN
|
||
|
||
最简单的用法，4.5 秒后自动关闭。
|
||
|
||
## en-US
|
||
|
||
The simplest usage that close the notification box after 4.5s.
|
||
|
||
```jsx
|
||
import { Button, notification } from 'antd';
|
||
|
||
const openNotification = () => {
|
||
notification.open({
|
||
message: 'Notification Title',
|
||
description:
|
||
'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
|
||
onClick: () => {
|
||
console.log('Notification Clicked!');
|
||
},
|
||
});
|
||
};
|
||
|
||
export default () => (
|
||
<Button type="primary" onClick={openNotification}>
|
||
Open the notification box
|
||
</Button>
|
||
);
|
||
```
|