with-btn.md 897 字节
Newer Older
Z
zhujun24 已提交
1
# 自定义关闭按钮
Z
zhujun24 已提交
2

Z
zhujun24 已提交
3
- order: 3
Z
zhujun24 已提交
4

Z
zhujun24 已提交
5
自定义关闭按钮的样式和文字。
Z
zhujun24 已提交
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

---

````jsx
var Notification = require('antd/lib/notification');

if(!Notification.notification){
  Notification.notification = Notification.newInstance({
    prefixCls: 'ant-notification',
    style: {
      top: 0,
      right: 0
    }
  });
}

Z
zhujun24 已提交
22
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm">自定义关闭按钮</button>;
Z
zhujun24 已提交
23

Z
zhujun24 已提交
24
var openNotification = function() {
Z
zhujun24 已提交
25
  var args = {
Z
zhujun24 已提交
26 27 28
    message: "这是标题",
    description: "这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案",
    btn: btn
Z
zhujun24 已提交
29 30 31 32 33 34
  }; 
  Notification.show(args);
}

React.render(
  <div>
Z
zhujun24 已提交
35 36 37
    <button className="ant-btn ant-btn-primary" onClick={openNotification}>自定义关闭按钮</button>
  </div>,
document.getElementById('components-notification-demo-with-btn'));
Z
zhujun24 已提交
38
````