Skip to content

Color picker

@xngui/components/color-picker
@xngui/components/color-picker

Color picker input control.

Preview

oklch(62.3% 0.214 259.8)

OKLCH color value with preset swatches and eyedropper.

import { Component } from '@angular/core';
import { XColorPicker } from '@xngui/components/color-picker';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
 
@Component({
selector: 'app-example',
imports: [XColorPicker, XForm, XFormField],
templateUrl: './color-picker.component.html',
})
export class ExampleComponent {}

Events 1

  1. changed
    {
      "value": "oklch(62.3% 0.214 259.8)",
      "previousValue": "oklch(62.3% 0.214 259.815)"
    }