定价

CopyLink

Figma 源代码

展示可打开、可复制的链接地址，文字打开链接，其余区域复制地址。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中；本页展示网站用法，支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

如何使用

用于分享地址、邀请链接和 AI 文档入口，与 Link 同属链接类。

  • 普通文字导航用 Link；需要复制地址用 CopyLink；需要编辑地址用 Input。

  • href 同时作为显示、打开与复制的完整地址；长地址只截断显示，不截断复制内容。

  • 文字 hover 显示下划线，默认新标签页打开；空白与右侧图标点击复制，成功反馈由 CopyButton 管理。

导入

import { CopyLink } from '@snowui-design-system/components';

用法

链接外观

禁用状态

API 参考

属性 类型 默认值 示例 描述
href string 必填 href="/components" 显示、导航和复制的地址；需要复制绝对地址时传完整 URL。
target string "_blank" target="Example" Link 打开目标。
rel string "noopener noreferrer" rel="Example" Link 关系属性。
disabled boolean false disabled 同时禁用导航和复制。
parts ComponentPartsOf<{ Link: typeof Link; CopyButton: typeof CopyButton }> — parts={partsOptions} 配置内置子组件公开属性，如 Link.color / underline、CopyButton.ariaLabel / writeText / feedbackDuration。地址、禁用态和布局由父级拥有。
onCopy (text: string) => void — onCopy={(value) => { /* handle value */ }} 复制成功后接收完整地址。
onCopyError (error: unknown) => void — onCopyError={(value) => { /* handle value */ }} 复制失败回调。