Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

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

Properties

Methods

Properties

closeOnOutsideClick

closeOnOutsideClick: boolean = false

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

Attr

close-on-outside-click

hideDefaultAction

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

keepOpenOnEscape: boolean = false

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

Attr

keep-open-on-escape

open

open: boolean = false

Whether the dialog is opened.

Attr

returnValue

returnValue: string

Sets the return value for the dialog.

title

title: string

Sets the title of the dialog.

Attr

Static ReadonlytagName

tagName: "igc-dialog" = 'igc-dialog'

Returns the HTML-uppercased qualified name.

MDN Reference

Methods

hide

show

toggle