File

libs/modification/src/lib/color-selector/color-selector.component.ts

Metadata

selector n52-color-selector
templateUrl ./color-selector.component.html

Index

Inputs
Outputs

Inputs

color
Type : string
colorList
Type : string[]

Outputs

onColorChange
Type : EventEmitter<string>
import { Component, EventEmitter, Input, Output } from '@angular/core';

@Component({
    selector: 'n52-color-selector',
    templateUrl: './color-selector.component.html'
})
export class ColorSelectorComponent {

    @Input()
    public color: string;

    @Input()
    public colorList: string[];

    @Output()
    public onColorChange: EventEmitter<string> = new EventEmitter<string>();

}
<div class="colorpicker">
  <span [(colorPicker)]="color" [cpDialogDisplay]="'inline'" [cpCancelButton]="true" [cpCancelButtonText]="'Reset'" [cpPresetColors]="colorList"
    [cpToggle]="true" [cpPresetLabel]="'Presets:'" (colorPickerChange)="onColorChange.emit($event)">
  </span>
</div>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""