Componente

Color Picker

Selector visual de color con lienzo espectral, formatos HEX, RGB y HSL, y soporte completo para Angular Forms.

import { NeuColorPickerComponent } from '@neural-ui/core/color-picker';

Modo RGB

Modo HSL

Modo HEX

#6366f2

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuColorPickerComponent } from '@neural-ui/core/color-picker';

@Component({
  imports: [NeuColorPickerComponent, ReactiveFormsModule],
  template: `
    <neu-color-picker
      mode="hex"
      [formControl]="primaryColorCtrl"
    />

    <div [style.background]="primaryColorCtrl.value" class="preview-box"></div>
  `
})
export class ThemeEditorComponent {
  readonly primaryColorCtrl = new FormControl('#6366f1', { nonNullable: true });
}