Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
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 101,134 weekly downloads. As such, ngx-color-picker popularity was classified as 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
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.