Skip to content

Modal

import { Modal } from "material.slint";
export component Example inherits Window {
width: 400px;
height: 300px;
background: transparent;
Modal {
width: parent.width;
height: parent.height;
}
}
slint

A Modal is a backdrop overlay that blocks interaction with the content behind it and can contain modal content.

Invoked when the modal background is clicked.

Modal {
clicked() => {
debug("Modal background clicked");
}
}
slint

© 2025 SixtyFPS GmbH