Input Color
Show color. Interact to open color picker
| Name | Type | Default | Description |
|---|---|---|---|
| text | string | Theme button color (#505050) | #rrggbb text color |
| enabled | boolean | true | When true, color can be changed. When false, interaction is disabled |
| width | number | 0.4 | Width of color box in meters |
| height | number | 0.1 | Height of color box in meters |
| outlinematerial | LineBasicMaterial | Theme outline material (color white) | Outline material. Set to override with custom material |
| selectable | InteractiveObjects | undefined | Add to list of objects ray caster can test for overlap |
| geometry | BufferGeoemtry | Rounded rectangle shape | Override to provide your own button geometry |
| Name | Type | Description |
|---|---|---|
| change | string | Triggered when color changed. Event contains new color |
| openinput | Object3D | Triggered when interaction requested. Event contains mesh showing color |
<flat-ui-input-color #color [text]="panelcolor" [selectable]="selectable" (openinput)="opencolor($event, color)">
</flat-ui-input-color>
<flat-ui-input-color #color [text]="colorvalue" [selectable]="selectable" [enabled]="item.enabled"
(change)="colorvalue=$event" (openinput)="input.opencolor($event, color)">
</flat-ui-input-color>