状态圆点

StatusDot展示与容器

圆点加文字,用在后台表格列、元信息行这类状态反复出现的位置;比状态徽章更安静。

预览

已发布草稿Docker 沙箱即将过期已吊销

属性

名称类型默认值说明
labelSignal<String>必填状态文字。
toneSignal<String>muted圆点语气:clay、success、warning、danger,muted 为灰。
classSignal<String>""附加类,用于所在位置的变体。

用法

src/components/ui/display.rs
Leptos view!
view! {
    <StatusDot label=post.status.label() tone=post.status.tone()/>
}