Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

messg

2.2.1 • Public • Published

messg Build Status

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

Install

npm i messg

DownloadsWeekly Downloads

19

Version

2.2.1

License

MIT

Unpacked Size

9.7 kB

Total Files

5

Last publish

Collaborators

  • avatar