ant-design/components/notification/demo/basic.md

25 lines
628 B
Markdown
Raw Normal View History

2015-07-28 15:40:28 +08:00
# 基本
- order: 0
2015-08-06 15:32:18 +08:00
最简单的用法,五秒后自动关闭。
2015-07-28 15:40:28 +08:00
---
````jsx
2015-07-30 21:04:52 +08:00
var notification = require('antd/lib/notification');
2015-07-28 15:40:28 +08:00
2015-07-29 20:08:16 +08:00
var openNotification = function() {
2015-08-06 15:19:45 +08:00
notification.open({
2015-07-29 20:08:16 +08:00
message: "这是标题",
description: "这是提示框的文案这是提示框的文案这是提示框的文案这是提示框的文案这是提示框的文案这是提示框的文案这是提示框的文案"
2015-08-06 15:19:45 +08:00
});
2015-07-30 21:04:52 +08:00
};
2015-07-28 15:40:28 +08:00
React.render(
2015-08-03 18:14:04 +08:00
<div>
2015-08-04 15:48:00 +08:00
<button className='ant-btn ant-btn-primary' onClick={openNotification}>打开通知提醒框</button>
2015-08-03 18:14:04 +08:00
</div>,
document.getElementById('components-notification-demo-basic'));
2015-08-06 15:19:45 +08:00
````