Link

基本用法

最简单的用法，直接传入 href 与样式即可。

Edit Code

禁用状态

通过 disabled 可以阻止默认跳转，同时不会触发 onClick回调。

Clicked: 0

Enabled Link Disabled Link

Edit Code

新标签页打开

通过设置 target 与 rel，可以在新标签页打开外部链接。

Open GitHub in a new tab

Edit Code

带图标的链接

通过 inline-flex / gap 等样式把图标与文本放在一起。

Edit Code

块级 / 卡片链接

让 Link 作为块级元素（block），配合边框/hover 样式即可实现“整块可点”的卡片链接。

Components, patterns, and docs.

A block-level link that looks like a card.

Edit Code

Ref 使用

Link 支持 ref（forwardRef），便于聚焦等操作。

Active element: none

Edit Code