Mat-color-picker NPM

MatColorPicker

Small on size, big on features! MatColorPicker is created with Angular Material and CDK.

alt text

Install

step: 1

We use some components from Material. To be able to use this component you have to install @angular/animations. If you follow all the steps on Material Guide, you already have this step done.

    npm install --save @angular/animations

Note: @angular/animations uses the WebAnimation API that isn't supported by all browsers yet. If you want to support Material component animations in these browsers, you'll have to include a polyfill.

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

If you don't want to add another dependency to your project, you can use the NoopAnimationsModule.

import {NoopAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [NoopAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

step: 2

Install the component

    npm install mat-color-picker

step: 3

Import the component in your module.

    import { MatColorPickerModule } from 'mat-color-picker';

@NgModule({
  imports: [
    ...
    MatColorPickerModule
    ...
  ],
  ...
})

How to use

    <mat-color-picker></mat-color-picker>

For more example you can our app-demo folder or read the full documentation

mat-color-picker v1.4.3