Dialog

import { Dialog } from "@material";
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.

title

string default: ""

The title text displayed at the top of the dialog.

Callbacks

action-clicked(index: int)

Invoked when a secondary action button is clicked.

default-action-clicked()

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