Dialog

import { Dialog } from "material.slint";
export component Example inherits Window {
    width: 400px;
    height: 300px;
    background: transparent;
    Dialog {
        title: "Confirm Action";
        default-action-text: "OK";
        actions: ["Cancel"];
    }
}

slint

A Dialog is a modal overlay that appears on top of the main content to present important information or request user input. It can contain various content and action buttons.

Properties

actions

[string] default: ""

An array of text labels for secondary action buttons.

default-action-text

string default: ""

The text for the primary action button (typically “OK” or “Confirm”).

icon

image default: the empty image

An optional icon displayed at the top of the dialog.

icon-actions

[image] default: the empty image

An array of icon buttons displayed in the dialog’s action area.

title

string default: ""

The title text displayed at the top of the dialog.

Callbacks

action(index: int)

Invoked when a secondary action button is clicked.

close()

Invoked when the dialog is closed (e.g., by clicking outside or pressing Escape).

default-action()

Invoked when the default action button is clicked or when Enter is pressed.

icon-action(index: int)

Invoked when an icon action button is clicked.