OutlinedCard

import { OutlinedCard } from "material.slint";
export component Example inherits Window {
    width: 300px;
    height: 200px;
    background: transparent;
    OutlinedCard {
        width: 200px;
        height: 150px;
        clickable: true;
    }
}

slint

An OutlinedCard is a card component with a border outline and transparent background. It’s used to group related content and actions together with a subtle visual appearance.

Properties

clickable

bool default: false

Whether the card can be clicked and will respond to click events.

Callbacks

clicked()

Invoked when the card is clicked (only if clickable is true).

OutlinedCard {
    clickable: true;
    clicked() => {
        debug("Card clicked");
    }
}

slint