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。