标签

TagChip展示与容器

将标签展示为可跳转的胶囊或文字:默认浅灰胶囊,solid 为陶土浅底,适配文章卡片、归档与标签列表。

预览

属性

名称类型默认值说明
labelString必填标签名称。
toString必填点击后的目标路径,用 Route::..to_string() 生成。
variantStringoutlinesolid、outline 或 text。
countOption<i64>None可选的文章数量。
stop_propagationboolfalse阻止点击事件冒泡。

键盘

Tab
聚焦标签
Enter
打开标签页

用法

src/components/ui.rs
Leptos view!
let to = Route::TagDetail { tag: "\u8BBE\u8BA1".to_string() }.to_string();

view! {
    <TagChip label="\u8BBE\u8BA1" to=to variant="outline" count=12/>
}