ngx-color-picker
Advanced tools
ngx-color-picker is an Angular component library that provides a color picker widget. It allows users to select colors through a user-friendly interface, supporting various color formats such as HEX, RGB, and HSL. The package is highly customizable and can be integrated easily into Angular applications.
Basic Color Picker
This feature allows you to add a basic color picker to your Angular application. The selected color is bound to the 'color' variable in your component.
<color-picker [(color)]="color"></color-picker>Preset Colors
This feature allows you to provide a set of preset colors that users can choose from. The 'presetColors' variable should be an array of color strings.
<color-picker [(color)]="color" [presetColors]="presetColors"></color-picker>Output Events
This feature allows you to handle color change events. The 'onColorChange' method will be called whenever the user selects a new color.
<color-picker [(color)]="color" (colorChange)="onColorChange($event)"></color-picker>Custom Styles
This feature allows you to customize the dimensions of the color picker. The 'cpWidth' and 'cpHeight' properties set the width and height of the color picker, respectively.
<color-picker [(color)]="color" [cpWidth]="200" [cpHeight]="200"></color-picker>ngx-color is another Angular color picker library that offers a variety of color picker components inspired by popular color pickers like Photoshop and Sketch. It provides a more diverse set of color picker styles compared to ngx-color-picker.
angular2-color-picker is a simple and lightweight color picker for Angular applications. It offers basic color picking functionalities and is easy to integrate, but it lacks some of the advanced customization options available in ngx-color-picker.
ng2-color-picker is an Angular 2+ color picker component that provides a straightforward and easy-to-use interface for color selection. It is similar to ngx-color-picker in terms of basic functionality but may not offer as many customization options.
This is an AOT compatible version of the cool angular2-color-picker by Alberplz.
In future this library might merge with the angular2-color-picker or continue live as a seprate library.
More info about library usage see the README of the angular2-color-picker for now.
See a live example application here.
FAQs
Color picker widget for Angular
The npm package ngx-color-picker receives a total of 0 weekly downloads. As such, ngx-color-picker popularity was classified as not popular.
We found that ngx-color-picker demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.