Have ideas to improve npm?Join in the discussion! »

    ng2-nouislider
    TypeScript icon, indicating that this package has built-in type declarations

    1.8.3 • Public • Published

    ng2-nouislider

    Build Status npm version Downloads All Contributors

    Angular2 nouislider component

    See demos

    Install

    npm i --save nouislider ng2-nouislider
    

    Import

    import { NouisliderModule } from 'ng2-nouislider';
    

    Styles

    @import "~nouislider/distribute/nouislider.min.css";
    

    SystemJS config

    Add to map:

    'nouislider': 'node_modules/nouislider',
    'ng2-nouislider': 'node_modules/ng2-nouislider',
    

    Add to packages:

    'nouislider': { main: 'distribute/nouislider.js', defaultExtension: 'js' },
    'ng2-nouislider': { main: 'src/nouislider.js', defaultExtension: 'js' },
    

    Usage

    Using ngModel

    <nouislider [connect]="true" [min]="0" [max]="15" [(ngModel)]="someRange"></nouislider>
    

    Within reactive forms

    this.form1 = this.formBuilder.group({ 'single': [ 10 ] });
    <form [formGroup]="form">
        <nouislider [min]="0" [max]="20" [step]="0.5" [formControl]="form.controls.single"></nouislider>
    </form>

    Nouislider documentation

    This component is based on nouislider. Documentation about additional settings (passed in [config] @Input) can be found here.

    Start development

    npm i
    npm start
    open http://localhost:8080
    

    Contributors

    Thanks goes to these wonderful people (emoji key):


    Tomasz Bak

    💻 👀

    Giacomo Mazzamuto

    💻 👀

    Ryan Morris

    💻

    Sven Flickinger

    💻

    Riku Kallio

    💻

    John Pinkster

    💻

    Oleg Romanovskyi

    💻

    ATeal

    💻

    Jérémy Leherpeur

    💻

    Matt Lewis

    💻

    anysite

    📖

    flmg

    💻

    SirWojtek

    📖

    Rubén Trujillo

    💻

    Olena Horal

    💻 💡

    Jeremy Fry

    💻

    Tadeusz

    💻

    Philippe Roy

    💻

    This project follows the all-contributors specification. Contributions of any kind are welcome!

    License

    MIT

    Install

    npm i ng2-nouislider

    DownloadsWeekly Downloads

    35,543

    Version

    1.8.3

    License

    MIT

    Unpacked Size

    147 kB

    Total Files

    16

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar