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

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

Use the following snippet inside your app module:

import { ColorPickerModule } from '@iplab/ngx-color-picker';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
...
...

@NgModule({
    imports: [
        BrowserModule,
        ColorPickerModule,
        BrowserAnimationsModule // or use NoopAnimationsModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}

Use the following snippet inside your template:

<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.

npm install -g @angular/cli

git clone https://github.com/pIvan/ngx-color-picker.git
cd ngx-color-picker/
npm install
npm 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.

npm install -g @angular/cli

git clone https://github.com/pIvan/ngx-color-picker.git
cd ngx-color-picker/
npm install
npm 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.