展示与容器 / COMPONENT ATLAS

状态徽章StatusBadge

以紧凑标记表达状态,颜色由调用方按具体语义提供。

组件预览。

01 / COMPONENT PREVIEW
● StatusBadge
已发布草稿
COMPONENT PREVIEW · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

RUST · DIOXUS RSX
rsx! {
    StatusBadge {
        color_class: "bg-green-500/10 text-green-600",
        label: "已发布",
    }
}

主要属性

03 / PROPERTIES
属性 / 类型默认值说明
labelString必填徽章文字。
color_class&'static str必填背景与文字颜色类。
YGGDRASIL · 每一个细节,都有回应。src/components/ui.rs
© 2026 Yggdrasil