ElevatedButton

import { ElevatedButton } from "material.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    background: transparent;
    ElevatedButton {
        text: "Click me";
        width: 120px;
        height: 40px;
    }
}

slint

An ElevatedButton is a button with a subtle elevation that appears to float above the surface. It’s used for primary actions that need to stand out from the background.

Properties

enabled

bool default: true

Whether the button is enabled and can be interacted with.

icon

image default: the empty image

An optional icon displayed on the button.

text

string default: ""

The text label displayed on the button.

string default: ""

A tooltip text that appears when hovering over the button.

Callbacks

clicked()

Invoked when the button is clicked.

ElevatedButton {
    clicked() => {
        debug("Button clicked");
    }
}

slint