展示
LinkArrow
标记“这条链接会离开本页”的记号。
示例
default
说明
标在“会离开本页”的链接上的记号——去站外,或者进入完整索引。
以前调用处是直接在链接文字里写一个光秃秃的 ↗,它会继承链接自己的字号(17px 的箭头挨着 17px 的词,跟它抢注意力),而且因为没人把它藏起来,会被念成“东北方向箭头”。
inline-block 在这里承担了两件事:它挡住带下划线的父元素把线穿过这个字形,同时它也是 align 的度量基准。尺寸用 em,所以跟着旁边的文字走;颜色是按纸面定的,所以放在反转底板上的调用处要自己传颜色。
属性
同时接受 HTMLAttributes<HTMLSpanElement> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。
再导出
EXTERNAL_LINK_ARROW = '↗'字形本身,导出出来,让非 React 的界面也能用同一个标记。
无障碍
- aria-hidden,所以它不会在句子中间被念成“东北方向箭头”。
- 以 em 为单位,跟随它旁边的字号,而不是跟它抢。