A corner tip utility.

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

or via NPM:

npm i -S corner-notie

// 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
})

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

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
})

# 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

MIT.