Neverending Programming Mistakes

    corner-notie

    1.2.1 • Public • Published

    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.

    Keywords

    Install

    npm i corner-notie

    DownloadsWeekly Downloads

    18

    Version

    1.2.1

    License

    MIT

    Last publish

    Collaborators

    • kchan
    • rem