菜单 · 组件

最后更新:2026年8月12日

组件

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

Badge

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

用法

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

Props

Prop类型说明
contentString标签文本
variantBadgeVariantDefault、Secondary、Destructive、Outline
iconOption<String>Lucide 图标名
icon_colorsOption<(u32, u32)>覆盖背景色和前景色
pillOption<bool>使用 full radius 与紧凑 padding

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