This is a driver for all your pure-most Cycle apps (think Motorcycle) displays humane.js notifications.

You don't have to include any CSS for humane.js themes, they will be loaded asynchronously from cdnjs.

Install

npm install --save cycle-notification-most-driver

Use

1import most from 'most'
2import Cycle from '@cycle/most-run'
3import {makeNotificationDriver} from 'cycle-notification-most-driver'
4
5Cycle.run(app, {
6  NOTIFICATION: makeNotificationDriver({
7    timeout: 4000,
8    baseCls: 'humane-bigbox'
9  })
10})
11
12function app () {
13  return {
14    NOTIFICATION: most.from([
15      'normal notification',
16      ['info notification', 'info'],
17      ['error notification with custom opts', 'error', {timeout: 8000}],
18      ['custom', {addnCls: 'custom-class'}],
19      {text: 'this works too', timeout: 1000, clickToClose: true}
20    ])
21  }
22}