messg

Messages via CSS3 animations

Install

npm install --save messg

Usage

import messg from 'messg';
 
messg
  .success('Awesome!')
  .button('Ok');

API

messg(text[, type, delay])

Create Message instance.

text

Type: string

Message text.

type

Type: string
Default: 'default'

Message type:

• default
• success
• info
• warning
• error

delay

Type: number
Default: null

Аutohide timeout.

messg.default(text[, delay])

messg.success(text[, delay])

messg.info(text[, delay])

messg.warning(text[, delay])

messg.error(text[, delay])

Aliases for messg(text[, type, delay])

messg.warning('Connection is lost');
messg.success('Task completed', 2500);

.button(name[, fn])

Add button.

name

Type: string

Button title.

fn

Type: function

Handler for click on the button.

Buttons with handler:

messg
  .warning('Are you sure?')
  .button('Yes', () => {
 
  })
  .button('No', () => {
 
  });

Simple close button:

messg
  .success('Task completed')
  .button('Ok');

If buttons not specified, close message by clicking on it.

.hide(fn)

Add hide handler.

fn

Type: function

Handler for hide the message.

messg
  .warning('Hello!')
  .hide(() => {
 
  });

messg.clean()

Close all messages in flow.

Options

messg.speed

Type: number
Default: 250

Show and hide speed (ms).

messg.position

Type: string
Default: 'top'

Messages position:

• top
• top-left
• top-right
• bottom
• bottom-left
• bottom-right

messg.flow

Type: boolean
Default: true

Disable messages flow if false.

messg.max

Type: number
Default: null

Max flow length.

messg.delay

Type: number
Default: null

Global delay for all messages.

License

MIT