标签`TagChip`

将标签展示为可跳转的胶囊或文字，适配文章卡片、归档与标签列表。

亲手试一试。

01 / LIVE PREVIEW

设计¹² 灵感

STATES / 示例状态

描边软底文字

在左侧预览中体验这枚组件。

INTERACTIVE SPECIMEN · 跟随全站主题

用法

02 / USAGE

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

rsx! {
    TagChip {
        label: "设计",
        to: Route::TagDetail { tag: "设计".to_string() },
        variant: "outline",
        count: 12,
    }
}

主要属性

03 / PROPERTIES

属性 / 类型	默认值	说明
`label`String	必填	标签名称。
`to`R: Routable	必填	点击后的目标路由。
`variant`&'static str	outline	archive、solid、outline 或 text。
`count`Option<i64>	None	可选的文章数量。
`stop_propagation`bool	false	阻止点击事件冒泡。

操作方式

04 / INTERACTION

Tab聚焦标签Enter打开标签页

YGGDRASIL · 每一个细节，都有回应。src/components/ui.rs