Overlay

Dialog

Definition

Renders a modal workflow from one flat owner element.

Usage

Use Dialog for focused flows that should sit above the current page.

Attributes

  • title or i18n required. Dialog title.
  • isOpen. Boolean value or writable state binding.
  • purpose. info, form, confirmation, or required.
  • width. Dialog width.

Children

Dialog body content.

Example

xml
<Dialog title="Edit order" isOpen="$dialog.open">
<FormLayout>
<TextInput label="Name" value="$form.name" />
</FormLayout>
</Dialog>