菜单 · 组件

组件

状态、分类或计数用的小标签。

Badge

短小的状态或分类标签。别往里面塞复杂操作。

用法

Badge {
    content: "Beta",
    variant: BadgeVariant::Secondary,
    icon: "sparkles",
    pill: true,
}

Props

Prop 类型 说明
content String 标签文本
variant BadgeVariant Default、Secondary、Destructive、Outline
icon Option<String> Lucide 图标名
icon_colors Option<(u32, u32)> 覆盖背景色和前景色
pill Option<bool> 使用 full radius 与紧凑 padding

默认最小高度 22vp,图标 12vp。content 保持短小;需要完整说明使用 Alert 或 Text。