状态徽章

StatusBadge展示与容器

以紧凑的胶囊标记表达状态,语气由调用方按具体含义选择。

预览

已发布草稿待审核3 天后清除新

属性

名称类型默认值说明
labelSignal<String>必填徽章文字。
color_classSignal<String>必填语气类:badge-success、badge-warning、badge-danger、badge-clay,空串为中性。
classSignal<String>""附加类,用于所在位置的间距与对齐。

用法

src/components/ui/display.rs
Leptos view!
view! {
    <StatusBadge color_class="badge-success" label="\u5DF2\u53D1\u5E03"/>
}