Nutty Penguin Music

    up-down

    0.0.1 • Public • Published

    up-down npm

    A quantity selector written in ES6.

    Install

    npm i up-down --save

    Usage

    Markup

    <div class="counter">
      <button type="button" data-count="-"> - </button> 
      <input type="number" value="0" min="0" max="10">
      <button type="button" data-count="+"> + </button> 
    </div>

    Instantiate

    import updown from 'up-down'
     
    const el = document.getElementById('counter')
    const counter = updown(el)
     
    counter.on('change', (val) => console.log(val))
    counter.on('min', (val) => console.log(val))
    counter.on('max', (val) => console.log(val))

    Style (optional)

    See dist/up-down.css for styles, or style as you wish.

    Destroy An Instance

    Destroy an instance and all handlers.

    counter.destroy()

    Get Count

    The current count is always available on the instance.

    counter.count

    Dependencies

    TODO

    1. Allow user to pass min/max values to instance to override the native min/max attributes
    2. Allow custom markup? Or at least give selector classes to allow markup to be changed.

    MIT License

    Install

    npm i up-down

    DownloadsWeekly Downloads

    21

    Version

    0.0.1

    License

    MIT

    Last publish

    Collaborators

    • estrattonbailey