ngx-color-picker

Pure Angular color picker library.

Demo

more detailed instructions can be found here

Description

• It's an Angular color picker
• Compatible with Angular 5+ versions
• No external dependency
• Simple to configure
• Easy to use

Tested with

• Firefox (latest)
• Chrome (latest)
• Chromium (latest)
• Edge
• IE11

Installing / Getting started

1npm install @iplab/ngx-color-picker --save

Use the following snippet inside your app module:

1import { ColorPickerModule } from '@iplab/ngx-color-picker';
2import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
3...
4...
5
6@NgModule({
7    imports: [
8        BrowserModule,
9        ColorPickerModule,
10        BrowserAnimationsModule // or use NoopAnimationsModule
11    ],
12    bootstrap: [AppComponent]
13})
14export class AppModule {}

Use the following snippet inside your template:

1<chrome-picker [(color)]="#fff"></chrome-picker>

Developing

Built With:

• Angular
• RxJS

Setting up Dev

This project was generated with Angular CLI version 14.0.0.

Angular CLI must be installed before building ngx-color-picker project.

1npm install -g @angular/cli

1git clone https://github.com/pIvan/ngx-color-picker.git
2cd ngx-color-picker/
3npm install
4npm run start

Open "http://localhost:4200" in browser

Versioning

We use SemVer for versioning. For the versions available, see the link to tags on this repository.

Tests

This project was generated with Angular CLI version 14.0.0.

Angular CLI must be installed before testing ngx-color-picker project.

1npm install -g @angular/cli

1git clone https://github.com/pIvan/ngx-color-picker.git
2cd ngx-color-picker/
3npm install
4npm run test

Contributing

Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our contributing guide and then check out one of our issues.

Licensing

ngx-color-picker is freely distributable under the terms of the MIT license.