Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

ngx-material-color-picker

sean-perkins66ISC1.0.0TypeScript support: included

ngx-material-color-picker, an Angular library

readme

ngx-material-color-picker

npm npm

Unique material color picker concept for Angular (ngx). Requires a dependency for flex-layouts and material themeing/colors. Uses reactive forms to create a custom form control.

Example Image

  1. npm i ngx-material-color-picker --s
  2. Add NgxMaterialColorPickerModule to your feature module. ` import { NgxMaterialColorPickerModule } from 'ngx-material-color-picker';

... imports: [ NgxMaterialColorPickerModule ] ...


## Usage

```html
<div [formGroup]="form">
    <ngx-material-color-picker formControlName="color" [intensity]="form.get('intensity').value"></ngx-material-color-picker>
    <md-slider max="900" min="100" step="100" tickInterval="100" formControlName="intensity"></md-slider>
</div>
form: FormGroup;

constructor(private fb: FormBuilder) { }

ngOnInit() {
    this.form = this.fb.group({
        color: [''],
        intensity: [500]
    });
}

Contributors

Sean perkins | :---: |Sean Perkins|