Skip to content

Color Picker

anidivr edited this page Oct 21, 2022 · 3 revisions

Interact to pick color and shade.

image

color-picker code

Inputs

Name Type Default Description
colorvalue string #ff0000 #rrggbb text color
popupcolor string Theme popup color (gray) Popup panel background color. Set to override theme color
selectable InteractiveObjects undefined Add to list of objects ray caster can test for overlap

Outputs

Name Type Description
colorpicked text Triggered when color value changed
close boolean Triggered when interaction outside of picker. Event value is always true

Examples

<flat-ui-color-picker *ngIf="input.showpicker" [colorvalue]="input.method.text"
                      [position]="input.position" [rotation]="input.rotation" [scale]="scale" [selectable]="selectable"
                      (colorpicked)="input.method.text = $event" (close)="input.showpicker=false;input.closeinput()">
</flat-ui-color-picker>
Clone this wiki locally