跳到正文
GitHub

展示

LinkArrow

标记“这条链接会离开本页”的记号。

示例

default

说明

标在“会离开本页”的链接上的记号——去站外,或者进入完整索引。

以前调用处是直接在链接文字里写一个光秃秃的 ,它会继承链接自己的字号(17px 的箭头挨着 17px 的词,跟它抢注意力),而且因为没人把它藏起来,会被念成“东北方向箭头”。

inline-block 在这里承担了两件事:它挡住带下划线的父元素把线穿过这个字形,同时它也是 align 的度量基准。尺寸用 em,所以跟着旁边的文字走;颜色是按纸面定的,所以放在反转底板上的调用处要自己传颜色。

属性

同时接受 HTMLAttributes<HTMLSpanElement> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。

再导出

EXTERNAL_LINK_ARROW = '↗'

字形本身,导出出来,让非 React 的界面也能用同一个标记。

无障碍

  • aria-hidden,所以它不会在句子中间被念成“东北方向箭头”。
  • 以 em 为单位,跟随它旁边的字号,而不是跟它抢。