Skip to content

swhgoon/corner-notie

 
 

Repository files navigation

corner-notie

NPM version NPM download

A corner tip utility.

Install

Hot-link the IIFE version in your web page directly, CSS is automatically included.

or via NPM:

npm i -S corner-notie

Usage

// if you are using webpack/browserify
import notie from 'corner-notie'

notie('hello world')

// default options
notie('', {
  type: 'info', // info | warning | success | danger
  autoHide: true,
  timeout: 3000,
  position: 'top-right',
  width: 240
})

Positions

top-right | top-left | top-center
bottom-right | bottom-left | bottom-center

Click to hide notie

When autoHide is set to be false, you can click on the notie to hide it. In this way you may not want to hide notie when clicking on a href. Set attribute notie-prevent on that element to prevent from being hidden by clicking there.

notie('hello <a notie-prevent href="/u/egoist">egoist</a>', {
  type: 'success',
  autoHide: false
})

Development

# build for webpack and browser
# run this each time you want to make new release
npm run build
# run gulp for development
npm run dev

License

MIT.

Packages

No packages published

Languages

  • JavaScript 43.2%
  • HTML 38.2%
  • CSS 18.6%