Skip to content

Badge

import { Badge } from "material.slint";
export component Example inherits Window {
width: 100px;
height: 50px;
background: transparent;
Badge {
text: "3";
x: 10px;
y: 10px;
}
}
slint

A Badge is a small status indicator, often used to display a count or status on top of another component (such as an icon or button).

string default: ""

The text or number displayed inside the badge. If empty, the badge is shown as a small dot.


© 2025 SixtyFPS GmbH