bee-notification v2.0.5

bee-notification

Browser Support

IE 9+ ✔	Chrome 31.0+ ✔	Firefox 31.0+ ✔	Opera 30.0+ ✔	Safari 7.0+ ✔

react bee-notification component for tinper-bee

Notification通知不同于操作类型的信息反馈，是一种主动推送的信息。

使用方法

let notification = null;
Notification.newInstance({position: 'bottomRight'}, n => notification = n);

class Demo1 extends Component {

    simpleFn() {
      notification.notice({
        content: <span>simple show</span>,
        onClose() {
          console.log('simple close');
        },
      });
    }
    render () {

        return (
            <div className="demoPadding">
                <Button onClick={this.simpleFn}>simple show</Button>
            </div>
        )
    }
}

样式引入

• 可以使用link引入build目录下Notification.css

<link rel="stylesheet" href="./node_modules/bee-notification/build/Notification.css">

• 可以在js中import样式

import "./node_modules/bee-notification/src/Notification.scss"
//或是
import "./node_modules/bee-notification/build/Notification.css"

API

Notice

Notification

已支持的键盘操作

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-notification
$ cd bee-notification
$ npm install
$ npm run dev