Expansion Panel

Expand and collapse panel containing other controls. Use ng-template to define content of container panel.

expansion-panel code

Inputs

Name	Type	Default	Description
title	string	blank	Panel title
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
titleheight	number	0.1	Height of title area
expanded	boolean	true	When true, panel is visible. When false, panel is not visible
panelcolor	string	Theme panel color (black)	Panel background color. Set to override theme color
labelcolor	string	Theme label color (blue)	Title text color. Set to override theme color
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>