用途:sgds-link 是标准导航链接元素,包裹一个放入默认插槽的 <a> 标签,套用 SGDS 链接样式、无障碍处理与图标定位。
主要能力:tone 控制链接颜色,可选 primary(默认)、danger、neutral、fixed-light(深色背景上用浅色)、fixed-dark(浅色背景上用深色);size 控制大小,可选 xs、sm、md(默认)、lg;active 应用激活样式;disabled 禁用链接并自动为插槽 anchor 设置 href="javascript:void(0)" 与 tabindex="-1"。可在文字前放 sgds-icon 作前置图标、文字后放作后置图标,图标尺寸随链接尺寸自动调整,无需手动设置。
使用方式:始终在默认插槽传单个 <a> 标签,不要把文字直接写在 sgds-link 内。前置图标写法:<sgds-link><a href="#"><sgds-icon name="arrow-left"></sgds-icon>Back</a></sgds-link>;后置图标把 sgds-icon 放在文字之后。安装与框架集成见 sgds-components-setup。
限制:组件不暴露自定义属性或 CSS parts,不支持自定义 CSS 样式修改;variant 属性自 3.6.0 起已弃用,应改用 tone,不要建议 variant="light" 或 variant="dark";disabled 由组件自动处理,无需手动添加 href 与 tabindex;组件没有自定义事件。
适用场景:需要遵循 SGDS 设计规范的导航链接、外链、失效链接与当前页激活状态等场合。