示例
直接操作示例，查看组件在具体任务中的状态与反馈。
页内导航
外链安全策略
在新标签查看外链策略
真实外链应由宿主校验协议和目标，并在新窗口场景保留 noopener 与 noreferrer。
使用建议
链接用于导航
当操作会前往另一个位置或资源时使用 Link；执行当前页面动作仍应使用 Button。
文案说明目的地
使用能脱离上下文理解的链接文本，避免重复的“点击这里”或直接暴露冗长地址。
外链由宿主实施安全策略
新窗口链接应校验协议和目标，并按宿主策略设置 target、noopener、noreferrer 与外链提示。
引入方式
从已验证的公开子路径导入组件；全局样式接入方式见安装指南。
import { BaseLink } from '@inf-monkeys-tech/monkeys-design/components/base';当前限制
- Link 仅渲染原生 anchor，不集成 Next.js 等客户端路由，也不校验 href 协议；预加载、外链白名单和下载策略由宿主实现。
- Automated focus/axe checks and deterministic browser visual evidence are pending T17/T23.
API
查看组件源码export interface BaseLinkProps
extends Omit<
AnchorHTMLAttributes<HTMLAnchorElement>,
'children' | 'className' | 'style'
> {
children?: ReactNode;
size?: BaseTypographySize;
tone?: BaseTypographyTone;
appearance?: BaseAppearance;
className?: string;
classNames?: BaseLinkClassNames;
style?: CSSProperties;
}| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
children | 在 BaseLink 内渲染的子内容；支持渲染函数时以对应的 Props 类型为准。 | ReactNode | — |
size | 组件使用的预设尺寸。 | BaseTypographySize | 'md' |
tone | 组件使用的语义色调。 | BaseTypographyTone | 'primary' |
appearance | 覆盖组件使用的外观令牌或局部样式配置。 | BaseAppearance | — |
className | 追加到组件根元素的 CSS 类名。 | string | — |
classNames | 按组件公开的结构插槽分别追加 CSS 类名。 | BaseLinkClassNames | — |
style | 追加到组件根元素的内联样式。 | CSSProperties | — |