React UIkit notify

Toggleable notifications.

See http://otissv.github.io/react-uikit-components/ for docs.

Usage

UIkit css is not included. You can get it from getuikit.com

Installation

npm install react-uikit-notify --save;

// ES6
import Codeblock from 'react-uikit-notify';

// ES5
var Codeblock = require('react-uikit-notify').default;

Example

<Notify
  kitid='notify1'
  pos='top-center'
  messages=[{
    message: 'Message...',
    kitid:  'message_0',
    timeout: 3000,
    context: 'info',
    animate: {
      in : kitid => this.handleNotifyIn(kitid),
      out: kitid => this.handleNotifyOut(kitid)
    },
    onClick: e => this.handleClose(e),
  }]
/>

Tests

npm run testto run tests with minimal output.
npm run test:spec to run tests with detailed output.
npm run test:watch watches all directories and run tests with minimal output on file changes.

Build

npm run build to build files fro distribution.
npm run build:watch watches src directory and builds files on changes.

Lint

npm run lint lints scripts in src directory.
npm run lint:watch watches src directory and lints scripts in src directory.

License

MIT