Ngx-simple-colorpicker NPM

Ngx Simple Colorpicker

Description

This is a really simple colorpicker library for Angular 2+

npm.io

Installation

npm i ngx-simple-colorpicker

Usage

Load the library

import { ColorPickerModule } from 'ngx-simple-colorpicker';
@NgModule({
  ...
  imports: [
    ...
    ColorPickerModule
  ]
})

Use it in your HTML

<color-picker
   [colors]="['#c62828', '#6a1b9a', '#283593', '#0277bd', '#00695c', '#558b2f', '#ef6c00', '#6d4c41', '#546e7a']"
   (selectColor)="changeColorAction($event)"></color-picker>

API

Inputs

@Input()	Type	Default	Details
currentColor	string	''	The selected color
colors	Array	[]	Sample colors

Outputs

@Output()	Value	Details
selectColor	string	Emit when the user select a new color in the tooltip. The selected color is emitted

Development

Building the library

npm i
npm start

Library development

npm run packagr

@angular/animations @angular/common @angular/compiler @angular/core @angular/forms @angular/http @angular/platform-browser @angular/platform-browser-dynamic @angular/router core-js rollup rxjs zone.js

@everything-registry/sub-chunk-2287 @infinitebrahmanuniverse/nolb-ngx-s

1.0.1

8 years ago

1.0.0

8 years ago