Member Junction
    Preparing search index...

    Class MJDialogComponent

    mj-dialog — Modal dialog component using native <dialog> element.

    Replaces <kendo-dialog>.

    Supports both explicit width/height and size presets. Content is projected, with an optional <mj-dialog-actions> for the footer.

    <mj-dialog [Visible]="showDialog" Title="Confirm" (Close)="onClose()">
      <p>Are you sure?</p>
      <mj-dialog-actions>
        <button mjButton variant="primary" (click)="onConfirm()">Yes</button>
        <button mjButton (click)="onClose()">No</button>
      </mj-dialog-actions>
    </mj-dialog>

    Implements

    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    Close Closeable DialogId Height MinWidth Role Size Title Width

    Accessors

    dialogId resolvedHeight resolvedWidth Visible

    Methods

    ngOnDestroy OnBackdropClick OnCloseClick OnEscapeKey

    Constructors

    Properties

    Close: EventEmitter<void> = ...
    Closeable: boolean = true
    DialogId: number = ...
    Height: string | number | null = null
    MinWidth: number | null = null
    Role: "dialog" | "alertdialog" = 'dialog'

    ARIA role for the dialog container. Defaults to 'dialog'; pass 'alertdialog' for confirmation / destructive prompts that interrupt the user (per WAI-ARIA, an alertdialog conveys an urgent message requiring a response). Backward compatible — existing callers keep 'dialog'.

    Size: MjDialogSize = 'auto'
    Title: string = ''
    Width: string | number | null = null

    Accessors

    Methods

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods