Skip to content

Keyboard

anidivr edited this page Jan 10, 2023 · 4 revisions

Basic keyboard text, number and character input. Currently limited to English only. Supports clipboard operations

image

Code

Inputs

Name Type Default Description
text string blank Text value
allowenter boolean false Show Enter key and trigger event
popupmaterial Material Theme popup material (color gray) Popup panel background color. Set to override custom material
labelmaterial Material Theme label material (color white) Material used for button text. 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 geometry for keyboard background

Outputs

Name Type Description
pressed boolean Triggered when key button pressed
change number Triggered when text changed. Event contains new text
close void Triggered when interaction outside of keyboard

Examples

<flat-ui-keyboard *ngIf="input.showkeyboard" [text]="input.method.text"
                  [position]="input.position" [rotation]="input.rotation" [selectable]="selectable"
                  (change)="input.method.text = $event" (close)="input.showkeyboard=false;input.closeinput()">
</flat-ui-keyboard>
Clone this wiki locally