Skip to main content

TagChip

Function TagChip 

Source
pub fn TagChip(props: TagChipProps) -> impl IntoView
Expand description

标签芯片组件:统一软底标签、卡片胶囊与文字链接的展示。

各处跳转到 Route::TagDetail 的可点击标签共用此组件,仅以 variant 区分视觉。

Props:

  • label:标签名
  • to:跳转目标地址(站内路径,调用方传 Route::TagDetail { .. }.to_string(),原子层不绑定 app 路由类型)
  • variant:"solid"(软底)/ "outline"(卡片胶囊,默认)/ "text"(紧凑文章流)
  • count:可选的文章计数
  • stop_propagation:是否阻止点击冒泡(卡片内覆盖层链接场景需要)。注意:冒泡被拦截后, 文档级的路由协调器收不到这次点击,链接会退化为整页跳转。

§Required Props

§Optional Props