Class IgcDialogComponent

Represents a Dialog component.

Element

igc-dialog

Fires

igcClosing - Emitter just before the dialog is closed.

Fires

igcClosed - Emitted after closing the dialog.

Slot

  • Renders content inside the default slot.

Slot

title - Renders the title of the dialog header.

Slot

footer - Renders the dialog footer.

Csspart

base - The base wrapper of the dialog.

Csspart

title - The title container.

Csspart

footer - The footer container.

Csspart

overlay - The overlay.

Hierarchy

Hierarchy

  • EventEmitterInterface<IgcDialogEventMap, this> & LitElement<this>
    • IgcDialogComponent

Constructors

Properties

closeOnOutsideClick: boolean = false

Whether the dialog should be closed when clicking outside of it.

Attr

close-on-outside-click

hideDefaultAction: boolean = false

Whether to hide the default action button for the dialog.

When there is projected content in the footer slot this property has no effect.

Attr

hide-default-action

keepOpenOnEscape: boolean = false

Whether the dialog should be kept open when pressing the 'ESCAPE' button.

Attr

keep-open-on-escape

open: boolean = false

Whether the dialog is opened.

Attr

returnValue: string

Sets the return value for the dialog.

title: string

Sets the title of the dialog.

Attr

styles: CSSResult[] = ...
tagName: "igc-dialog" = 'igc-dialog'

Accessors

  • get closeOnEscape(): boolean
  • Returns boolean

  • set closeOnEscape(value): void
  • Whether the dialog should be closed when pressing the 'ESCAPE' button.

    Deprecated

    since version 4.2.3. Use keepOpenOnEscape instead.

    Attr

    close-on-escape

    Parameters

    • value: boolean

    Returns void

Methods

  • Type parameters

    Type Parameters

    • K extends keyof IgcDialogEventMap
    • D extends void

    Parameters

    • type: K
    • Optional eventInitDict: CustomEventInit<D>

    Returns boolean