ngx-colors
Advanced tools
Comparing version 3.1.0 to 3.1.1
{ | ||
"name": "ngx-colors", | ||
"version": "3.1.0", | ||
"version": "3.1.1", | ||
"license": "MIT", | ||
"description": "A beautiful color picker for angular that let you choose from a color palette, using sliders (Hue, Lightness, Alpha sliders) or through text input(hex, rgba, hsla)", | ||
"peerDependencies": { | ||
"@angular/common": ">=10.0.4", | ||
"@angular/core": ">=10.0.4", | ||
"@angular/animations": ">=10.0.4", | ||
"@angular/forms": ">=10.0.4" | ||
"@angular/common": ">=13.1.1", | ||
"@angular/core": ">=13.1.1", | ||
"@angular/animations": ">=13.1.1", | ||
"@angular/forms": ">=13.1.1" | ||
}, | ||
@@ -12,0 +12,0 @@ "author": "Krone", |
![size](https://img.shields.io/bundlephobia/min/ngx-colors?style=for-the-badge) | ||
![download](https://img.shields.io/npm/dm/ngx-colors?style=for-the-badge) | ||
<p align="center"> | ||
<h1 align="center">ngx-colors</h1> | ||
<p align="center">A beautiful color picker for angular that let you choose from a | ||
color palette, using sliders (Hue, Lightness, Alpha sliders) or through text input(hex, rgba, hsla) | ||
color palette, using sliders (Hue, Lightness, Alpha sliders) or through text input(hex, rgba, hsla) | ||
@@ -15,3 +16,2 @@ </p> | ||
## Preview | ||
@@ -23,8 +23,14 @@ | ||
#### Dependencies | ||
## ngx-colors < v3.1.0 | ||
Angular > v10.0.0 < 13.1.1 | ||
## ngx-colors >= v3.1.0 | ||
Angular > v13.1.1 | ||
#### Npm | ||
```shell | ||
npm install @angular/animations | ||
``` | ||
#### Npm | ||
```shell | ||
@@ -47,4 +53,7 @@ npm install ngx-colors | ||
``` | ||
## Overview and usage | ||
This library is composed of two parts: | ||
1. ngx-colors-trigger: This directive can be applied to any html element turning it into a trigger that when clicked will open the color picker | ||
@@ -58,2 +67,3 @@ 2. ngx-colors: This component is a premade button that will display the selected color. | ||
``` | ||
##### Or with Reactive Forms: | ||
@@ -63,4 +73,8 @@ | ||
<form class="example-form"> | ||
<ngx-colors ngx-colors-trigger style="display: inline-block; margin:5px;" [formControl]="colorFormControl"></ngx-colors> | ||
<ngx-colors | ||
ngx-colors-trigger | ||
style="display: inline-block; margin:5px;" | ||
[formControl]="colorFormControl" | ||
></ngx-colors> | ||
</form> | ||
``` |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
698005
76
0