Диалоговое окно

Контрол, открывающий диалог, который позиционируется по центру окна браузера.

Документация API Спецификация Axure

Размер окна

Если не задан размер окна, он определяется автоматически, по размеру контента.

Стандартный шаблон

В качестве базового шаблона используется Controls/popupTemplate:Dialog.

Схема раскладки шаблона:

Пример конфигурации

// TypeScript
// Открываем с помощью Controls/popup:Dialog.
protected openDialog(): void {
   this._children.dialog.open();
},

Через template передаем шаблон всплывающего окна.

<Controls.popup:Dialog
    name="dialog"
    template="Examples/Popup/templates/dialog" />
 
<Controls.buttons:Button
    name="dialogButton"
    caption="Диалог"
    on:click="openDialog()"/>

Открытие окна без добавления в шаблон открывающего контрола

Класс Controls/popup:DialogOpener предоставляет методы open() и close(), с помощью которых можно открыть окно без использования открывающего контрола.

// TypeScript
import {DialogOpener} from 'Controls/popup';

this._dialog = new DialogOpener();

openDialog() {
    this._dialog.open({
        template: 'myTemplate',
        opener: this
    });
}

_beforeUnmount() {
    this._dialog.destroy();
}

Как передать данные из всплывающего окна в родительский контрол

Читать подробнее.

Как для шапки диалога задать серый фон?

Функционал находится в разработке.