Ignite UI for Angular

All
  • Public
  • Public/Protected
  • All

Class IgxToggleActionDirective

Hierarchy

Hierarchy (View Summary)

Implements

  • OnInit

Constructors

Properties

Constructors

Properties

outlet: IgxOverlayOutletDirective | ElementRef<any>

Determines where the toggle element overlay should be attached.

<!--set-->
<div igxToggleAction [igxToggleOutlet]="outlet"></div>

Where outlet in an instance of IgxOverlayOutletDirective or an ElementRef

in version 21.2.0. Overlays now use the HTML Popover API and no longer move to the document body by default, so using outlet is also no longer needed - just define the overlay in the intended DOM tree position instead or use container property instead.

overlaySettings: OverlaySettings

Provide settings that control the toggle overlay positioning, interaction and scroll behavior.

const settings: OverlaySettings = {
     closeOnOutsideClick: false,
     modal: false
 }

<!--set-->
<div igxToggleAction [overlaySettings]="settings"></div>