OutlineButton

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

slint

An OutlineButton is a button with a transparent background and a border outline. It’s used for secondary actions that are less prominent than filled 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.

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

slint