mat-color-picker

<span class="badge-npmversion">[![npm version](https://badge.fury.io/js/mat-color-picker.svg)](https://badge.fury.io/js/mat-color-picker)</span> <span class="badge-npmdownloads"><a href="https://npmjs.org/package/mat-color-picker" title="View this project

Usage no npm install needed!

<script type="module">
  import matColorPicker from 'https://cdn.skypack.dev/mat-color-picker';
</script>

README

MatColorPicker

npm version NPM downloads

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

License

The MIT License (MIT) Copyright (c) 2018

Sponsors

alt text