TonalButton

import { TonalButton } from "material.slint";
export component Example inherits Window {
    width: 200px;
    height: 100px;
    background: transparent;
    TonalButton {
        text: "Tonal";
        icon: @image-url("icons/music_note.svg");
        width: 120px;
        height: 40px;
    }
}

slint

A TonalButton is a button with a secondary container background, used for less prominent actions than filled or elevated buttons.

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.

TonalButton {
    clicked() => {
        debug("Tonal button clicked");
    }
}

slint