corner-notie
v1.2.1
Published
A corner tip utility
Downloads
73
Readme
corner-notie
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.