Package Exports
- input-color-picker
- input-color-picker/package.json
Readme
InputColorPicker Angular Library.
A library of color pickers in input format.
You can check out the demo here.
Installation
npm install --save input-color-pickerUsage
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