Installations

npm install @iplab/ngx-color-picker

Pull Requests

Open

7

Total

55

Closed

31

Merged

17

Issues

Open

3

Total

37

Closed

34

Releases

Unable to fetch releases

Developer

pIvan

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

20.9.0

NPM Version

10.9.0 Statistics

96 Stars

113 Commits

16 Forks

4 Watching

16 Branches

6 Contributors

Updated on 26 Nov 2024

Languages

TypeScript (59.33%)

SCSS (20.74%)

HTML (18.81%)

JavaScript (1.12%)

Total Downloads

Cumulative downloads

Total Downloads

1,079,252

Last day

12.2%

1,400

Compared to previous day

Last week

1.2%

6,893

Compared to previous week

Last month

15.7%

29,068

Compared to previous month

Last year

-12.1%

293,484

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

tslib

Peer Dependencies

3

@angular/common @angular/core @angular/animations

Versions

ngx-color-picker

Pure Angular color picker library.

Demo

more detailed instructions can be found here

Description

It's an Angular color picker
Compatible with Angular 5+ versions
No external dependency
Simple to configure
Easy to use

Tested with

Firefox (latest)
Chrome (latest)
Chromium (latest)
Edge
IE11

Installing / Getting started

1npm install @iplab/ngx-color-picker --save

Use the following snippet inside your app module:

1import { ColorPickerModule } from '@iplab/ngx-color-picker';
2import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
3...
4...
5
6@NgModule({
7    imports: [
8        BrowserModule,
9        ColorPickerModule,
10        BrowserAnimationsModule // or use NoopAnimationsModule
11    ],
12    bootstrap: [AppComponent]
13})
14export class AppModule {}

Use the following snippet inside your template:

1<chrome-picker [(color)]="#fff"></chrome-picker>

Developing

Built With:

Angular
RxJS

Setting up Dev

This project was generated with Angular CLI version 14.0.0.

Angular CLI must be installed before building ngx-color-picker project.

1npm install -g @angular/cli

1git clone https://github.com/pIvan/ngx-color-picker.git
2cd ngx-color-picker/
3npm install
4npm run start

Open "http://localhost:4200" in browser

Versioning

We use SemVer for versioning. For the versions available, see the link to tags on this repository.

Tests

This project was generated with Angular CLI version 14.0.0.

Angular CLI must be installed before testing ngx-color-picker project.

1npm install -g @angular/cli

1git clone https://github.com/pIvan/ngx-color-picker.git
2cd ngx-color-picker/
3npm install
4npm run test

Contributing

Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our contributing guide and then check out one of our issues.

Licensing

ngx-color-picker is freely distributable under the terms of the MIT license.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More