组件
ShadcnBadge
状态标签：6 variant 胶囊形。
状态 / 计数标签，6 variant 胶囊形。
用法
Row {
spacing: theme.spacingSm
ShadcnBadge { text: qsTr("Default"); variant: ShadcnBadge.Variant.Default }
ShadcnBadge { text: qsTr("Secondary"); variant: ShadcnBadge.Variant.Secondary }
ShadcnBadge { text: qsTr("Destructive"); variant: ShadcnBadge.Variant.Destructive }
ShadcnBadge { text: qsTr("Outline"); variant: ShadcnBadge.Variant.Outline }
ShadcnBadge { text: qsTr("Ghost"); variant: ShadcnBadge.Variant.Ghost }
ShadcnBadge { text: qsTr("Link"); variant: ShadcnBadge.Variant.Link }
}
视觉
- 6 variant：default / secondary / destructive / outline / ghost / link
- 高 20px 胶囊（radius 999）+ 12px Medium 字号
- destructive 是 v4 风格「透明底 + 红字」（非旧版实心红底白字）
相关
- 状态标识（进行中 / 已完成 / 错误）、计数角标等