Theme Customizer

Dialogs

Native HTML5 modal windows. You can define them as static elements in your HTML or create them dynamically via JavaScript.

// Dynamic usage:
Dialog.create({
    title: "Title",
    content: "Body text",
    closeButton: true,
    defaultActions: true
});

// Static HTML usage:
<dialog id="myDialog" class="dialog success">
    <div class="dialog-header">Title</div>
    <div class="dialog-content">Content</div>
    <div class="dialog-footer"><button class="btn primary" onclick="this.closest('dialog').close()">OK</button></div>
</dialog>
Secondary
This is a secondary dialog.
Success
Action completed.
Warning
This is a warning message.
Alert
Something went wrong.
Info
Here is information.