Badge
Small status label — default/secondary/outline/destructive/ghost/link.
ui display
Preview
Installation
npx slintcn@latest add badgeUsage
import { Badge, BadgeVariant } from "slintcn/components/badge.slint";
Badge { text: "New"; variant: BadgeVariant.default; }Properties
variant
in
BadgeVariant
Visual style — default, secondary, outline, destructive, ghost, link.
size
in
BadgeSize
Height + padding — sm, default, lg.
text
in
string
Label rendered inside the badge.
API
BadgeVariantdefaultsecondaryoutlinedestructiveghostlinkBadgeSizesmdefaultDependencies
theme only
Installed automatically as transitive dependencies of slintcn add badge.