Select
Current selection from drop-down list.
| Name | Type | Default | Description |
|---|---|---|---|
| text | string | blank | Text value |
| overflow | number | 24 | Number of characters to display before text is truncated |
| placeholder | text | undefined | Optional text to show when text is blank |
| width | number | 1 | Width of button in meters |
| height | number | 0.1 | Height of button in meters |
| enabled | boolean | true | When true, button can be pressed. When false, press and hover are disabled |
| buttoncolor | string | Theme button color (#505050) | Input box background color. Set to override theme color |
| hovercolor | string | Theme hover color (blue) | Color when interaction over button. Set to override theme color |
| textcolor | string | Theme string color (lime) | Color of input text. Set to override theme color |
| selectcolor | string | Theme select color (white) | Color of triangle shape. Set to override theme color |
| 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 |
| material | Material | MeshBasicMaterial | Override to provide your own material |
| Name | Type | Description |
|---|---|---|
| change | number | Triggered when text changed. Event contains new text |
| openinput | Object3D | Triggered when interaction requested. Event contains mesh showing text |
<flat-ui-select #list [text]="listvalue" [width]="0.8" [selectable]="selectable" [enabled]="item.enabled"
(change)="listvalue=$event" (openinput)="input.openlist($event, list, item._min, listvalue)">
</flat-ui-select>