InputColorPicker Angular Library.

A library of color pickers in input format.

You can check out the demo here.

Installation

npm install --save input-color-picker

Usage

import {
  FormsModule
} from '@angular/forms'
import {
  CommonModule
} from '@angular/common'

import {
  InputColorPickerModule or InputColorPickerComponent
} from 'input-color-picker'

@Component( {

  imports: [

    FormsModule,
    CommonModule,

    InputColorPickerModule or InputColorPickerComponent
  ],
  standalone: true,
  selector: 'app-my-component',
  template: '<input-color-picker [(ngModel)]="color" [col]="40" [boxHeight]="48" [colorWidth]="20" [colorHeight]="20" [placeholder]="\'Color selection\'"></input-color-picker>'
} )
export class MyComponent {

  public color: string

  /* Optional */
  this.palette = [ { code: '#ffffff', name: 'White' } ... ]
}

Parameter

Name	Type	Description	Default
[col]	number	Number of colors to include in one line	40
[palette]	array	[ { "code": "#ffffff", "name": "White" } ... ]	If you set a value, the palette will change to that value.
[boxHeight]	number	Box height (px)	48
[colorWidth]	number	Color width (px)	20
[colorHeight]	number	Color height (px)	20
[placeholder]	string	Placeholder before color selection	'Color selection'

Change Log

1.0.0 : Initial release. 1.0.2 : Remove package dependency. 1.0.3 : Modify package dependency version range. 1.0.4 : Standalone / SSR compatible.

License

MIT

Other programs

https://bettep.org