Class ZetaDialog

A reusable dialog or modal window with a customizable interface and functionality.

A dialog should popup either in response to user action or to get the users attention.

Slot

  • Body of dialog; typically text.

Slot

icon - A zeta-icon element. Size will be restricted based on dialog type.

Slot

confirm - Button used in footer. Must be of type zeta-button.

Slot

cancel - Button used in footer. Must be of type zeta-button.

Slot

other - Button used in footer. Must be of type zeta-button.

Hierarchy

  • ContourableInterface<this> & LitElement<this> & PopupInterface<this>
    • ZetaDialog

Other

constructor cancelBtn centered confirmBtn hasIcon hide icon initialOpen onBarrierClicked open otherBtn returnValue rounded show title shadowRootOptions styles

rendering

render

Other

constructor

cancelBtn

cancelBtn: NodeList

Action button 2 (Cancel).

centered

centered: boolean = false

Whether header text should be centered.

confirmBtn

confirmBtn: NodeList

Action button 1 (Confirm).

hasIcon

hasIcon: boolean = false

Icon displayed in the dialog header.

hide

hide: ((returnValue?: string) => Promise<void>)

icon

icon: NodeList

initialOpen

initialOpen: boolean = false

Whether the modal is initially open.

onBarrierClicked

onBarrierClicked: ((e: Event) => void)

open

open: boolean

otherBtn

otherBtn: NodeList

Action button 3 (Learn more/Other).

returnValue

returnValue: string

rounded

rounded: boolean

show

show: (() => Promise<void>)

title

title: string = ""

Title of the dialog.

StaticshadowRootOptions

shadowRootOptions: {
    delegatesFocus: boolean;
} = ...

Staticstyles

styles: CSSResultGroup[] = ...

rendering

Protectedrender

  • render(): TemplateResult<1>

  • Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

    Returns TemplateResult<1>

Settings

Member Visibility

On This Page

Other
rendering