Glimpse

链接预览 · dogfood HoverCard 引擎换皮成「封面图+标题+描述+域名」预览卡(维基式 hover preview) · 触发器随 href 渲染外链 a 或纯 span 保持行内排版 · 描述多行截断

我们的设计系统基于语义 token 构建，悬停链接即可预览。

全状态

我们的设计系统基于语义 token 构建，悬停链接即可预览。

链接预览（图 + 标题 + 描述 + 域名）

这是一个 dogfood 的例子。

纯文字术语（无图无链接）

多个并排

side

<Glimpse href="https://example.com" image={cover} title="标题" description="描述">
  链接文字
</Glimpse>