NgAntdColorPicker

Introduction

The angular version of the color-picker component based on antd styles.

Angular version >= 17

Installation

npm install ng-antd-color-picker

Usage

standalone:
import { NgAntdColorPickerComponent, NgAntdColorBlockComponent } from 'ng-antd-color-picker';
module:
import { NgAntdColorPickerModule } from 'ng-antd-color-picker';

<ng-antd-color-picker></ng-antd-color-picker>

<ng-antd-color-block color="#ff6600"></ng-antd-color-block>

• Basic

• Custom Header / Footer

• Color Block

API

ng-antd-color-picker

| Parameter | Description | Type | Default | |--------------------|--------------------------------------|-----------------------------|---------| | [value] | Value of color | string｜ColorValue | - | | [defaultValue] | Default value of color | string｜ColorValue | - | | [disabled] | Disable ColorPicker | boolean | false | | [disabledAlpha] | Disable Transparency | boolean | false | | [panelRenderHeader] | Set the header of the color picker| TemplateRef<void> | - | | [panelRenderFooter] | Set the tail of the color picker | TemplateRef<void> | - | | (nzOnChange) | Callback when value is changed | EventEmitter<{ color: Color; type?: HsbaColorType }> | - | | (nzOnChangeComplete) | Called when clear | EventEmitter<HsbaColorType> | - |

ng-antd-color-block

| Parameter | Description | Type | Default | |--------------|----------|------------|-----------| | [color] | Module colors | string | #1677ff | | [nzOnClick] | Callbacks for clicking on color blocks | EventEmitter<boolean> | - |