Input Text Area - IRobot1/ng3-vr-examples GitHub Wiki
Multiline text input with scrolling support
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
| text | string | blank | Text value |
| font | string | blank | Optional. Text font. For example, https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vaqI.woff |
| fontsize | number | 0.07 | Font size |
| enabled | boolean | true | When true, text can be entered. When false, entry is disabled |
| placeholder | text | undefined | Optional text to show when text is blank |
| width | number | 0.5 | Width of text area in meters |
| height | number | 0.17 | Height of text area in meters |
| backgroundmaterial | Material | Theme button material (color #505050) | Background material. Set to override with custom material |
| disabledmaterial | Material | Theme disabled material (color #666666) | Disabled material. Set to override with custom material |
| outlinematerial | LineBasicMaterial | Theme outline material (color white) | Outline material. Set to override with custom material |
| textmaterial | Material | Theme String material (color lime) | String 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 geometry |
Outputs
| Name | Type | Description |
|---|---|---|
| change | number | Triggered when text changed. Event contains new text |
| enter | void | Triggered when enter pressed on keyboard. |
| openinput | Object3D | Triggered when interaction requested. Event contains mesh showing text |
Examples
<flat-ui-input-textarea #keyboard [text]="textvalue" [selectable]="selectable" [enabled]="item.enabled"
(change)="textvalue=$event" (enter)="enter()" (openinput)="input.openkeyboard($event, keyboard, textvalue)">
</flat-ui-input-textarea>