Dialog

The Dialog can be opened over the UI to display content that's not present on the page by default, focusing the user's attention on a specific task or message.

note

You can find the Confirmation Dialog (Consequential, Destructive) documentation under the utils page.

Dialog

e-dialog

Preview

Config

Headline

The title of the dialog window.

Footer Close

A close button automatically appears in the footer.

No Keys

Disables the ESC key to prevent closing with it.

No Close

Disables every interaction related to close.

No Padding

Removes padding from content.

Width

Width of the dialog in any CSS metric.

Height

Height of the dialog in any CSS metric.

Min Height

Minimum height of the dialog in any CSS metric.

Local

If set, dialog opens locally in its parent container.

Open in playground →

Dialog With JavaScript

open({ options })

Preview

Open in playground →

Multi-step Dialog

Preview

Open in playground →