EZ Dialog API demo

This page demonstrates all four dialog types

Demo options


This style emulates classic Windows® dialog boxes.

dialog.alert(body, title, button)

Dialog box title: Shown at the top of the dialog using a <h1> tag. It's optional and will not be shown if no value is provided


Dialog box content: This is the text in the main dialog section.


Dialog button text: This is the text shown in the button. If not provided, it will default to "OK"



Dialog has not yet been shown

dialog.confirm(body, title, okBtn, cancelBtn)

Dialog box title: Shown at the top of the dialog using a <h1> tag. It's optional and will not be shown if no value is provided


Dialog box content: This is the text in the main dialog section.


Dialog "OK" button text: This is the text shown in the OK button. If not provided, it will default to "OK"


Dialog "Cancel" button text: This is the text shown in the cancel button. If not provided, it will default to "Cancel"



Dialog has not yet been shown

dialog.prompt(body, prefill, title, okBtn, cancelBtn)

Dialog box title: Shown at the top of the dialog using a <h1> tag. It's optional and will not be shown if no value is provided


Dialog box content: This is the text in the main dialog section


Prefill value: Initial value that should be in the text box. If not provided, the text box will be left blank


Dialog "OK" button text: This is the text shown in the OK button. If not provided, it will default to "OK"


Dialog "Cancel" button text: This is the text shown in the cancel button. If not provided, it will default to "Cancel"



Dialog has not yet been shown

dialog.custom(body, title, buttonConfig)

Stacking dialogs

No buttons

< < Go back