Socket
Socket
Sign inDemoInstall

ngx-colors

Package Overview
Dependencies
8
Maintainers
1
Versions
50
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.1.0 to 3.1.1

ngx-colors-3.1.1.tgz

10

package.json
{
"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>
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc