ng2-nouislider

June 7, 2023 · View on GitHub

Angular2 nouislider component

Install

Requires Angular 14 or higher

npm i nouislider ng2-nouislider

import { NouisliderModule } from 'ng2-nouislider';

@import "nouislider/dist/nouislider.css";

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

this.form1 = this.formBuilder.group({ single: [10] });

<form [formGroup]="form">
  <nouislider [min]="0" [max]="20" [step]="0.5" [formControl]="form.controls.single"></nouislider>
</form>

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

corepack enable
pnpm i
pnpm start

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!

MIT