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>`	-