OverlayPanel Module Name: OverlayPanelModule

Module Name: OverlayPanelModule

The Overlay Panel is used to show some content as 'Modal' relative with target clicked.

Showcase
<tl-overlay-panel [elementOrigin]="buttonBasic">
  <!--Your Content Here-->
</tl-overlay-panel>
<tl-button [text]="'Show Panel'" #buttonBasic></tl-button>
<tl-overlay-panel [elementOrigin]="buttonPrimary">
  <!--Your Content Here-->
</tl-overlay-panel>
<tl-button [text]="'Show Panel'" #buttonPrimary></tl-button>
<tl-overlay-panel [elementOrigin]="buttonSuccess">
  <!--Your Content Here-->
</tl-overlay-panel>
<tl-button [text]="'Show Panel'" #buttonSuccess></tl-button>
<tl-overlay-panel [elementOrigin]="buttonInfo">
  <!--Your Content Here-->
</tl-overlay-panel>
<tl-button [text]="'Show Panel'" #buttonInfo></tl-button>
<tl-overlay-panel [elementOrigin]="buttonWarning">
  <!--Your Content Here-->
</tl-overlay-panel>
<tl-button [text]="'Show Panel'" #buttonWarning></tl-button>
Properties
NameTypeDefaultDescriptionOptions
elementOriginHTMLElementnullIt's the element that overlay will attached be to HTMLElement
widthstring100%Width of Panel. px | % | em
Methods
NameDescription
closeCloses the Panel
openOpen the Panel
toggleToggle the visibility of the Panel.
Events
NameDescription
hideDispatched when the overlay panel hides
showDispatched when the overlay panel show up