Radio Button
Toggle state of a choice. Interact to toggle state of choice.
| Name | Type | Default | Description |
|---|---|---|---|
| checked | boolean | false | When true, button is filled. When false, button is empty |
| segments | number | 32 | Roundness of button shape. See CircleGeometry |
| enabled | boolean | true | When true, state can be changed. When false, interaction is disabled |
| width | number | 0.1 | Width and height of button 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 |
| radiomaterial | Material | Theme check material (color cornflowerblue) | Radio button material. Set to override with custom material |
| selectable | InteractiveObjects | undefined | Add to list of objects ray caster can test for overlap |
| Name | Type | Description |
|---|---|---|
| change | number | Triggered when number changed. Event contains new number |
<flat-ui-radio-button [checked]="checked" [selectable]="selectable" [enabled]="false"
[segments]="8" [rotation]="[0, 0, 22.5 |radian]" (change)="changed($event)">
</flat-ui-radio-button>