Expansion Panel - IRobot1/ng3-vr-examples GitHub Wiki
Expand and collapse panel containing other controls. Use ng-template to define content of container panel.
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
| title | string | blank | Panel title |
| titleheight | number | 0.1 | Height of title area |
| overflow | number | 24 | Number of characters to display before text is truncated |
| width | number | 1 | Width of panel in meters |
| height | number | 1 | Height of panel in meters |
| expanded | boolean | true | When true, panel is visible. When false, panel is not visible |
| panelmaterial | Material | Theme panel material (color black) | Panel background material. Set to override with custom material |
| labelmaterial | Material | Theme label material (color white) | Panel title material. Set to override with custom material |
| selectable | InteractiveObjects | undefined | Add to list of objects ray caster can test for overlap |
Outputs
None
Examples
<flat-ui-expansion-panel [selectable]="selectable" [title]="gui.title" [width]="gui.width" [height]="gui.height" [expanded]="gui.expanded"
[position]="position" [rotation]="rotation" [scale]="scale">
<ng-template let-parent="parent">
<flat-ui-label [text]="'icon button'" [width]="0.6"></flat-ui-label>
</ng-template>
</flat-ui-expansion-panel>