Link 链接

使用场景#

段落中的链接文本。链接没有自己的尺寸，复用段落的文本属性。

示例#

基本示例#

inline

() => <Link href="#">Hippo Design</Link>

() => <Link href="#">Hippo Design</Link>

外部链接#

Chakra Design system

inline

// 以下变量从其他模块中引入：
//  Icon

() => (
  <Link href="https://alibaba.github.io/rex-design/" external>
    Chakra Design system <Icon type="link" />
  </Link>
)

// 以下变量从其他模块中引入：
//  Icon

() => (
  <Link href="https://alibaba.github.io/rex-design/" external>
    Chakra Design system <Icon type="link" />
  </Link>
)

内容链接#

你可以将 Link 用于文本内容中

inline

() => (
  <Text>
    你可以将 <Link href="#">Link 用于文本内容中</Link>
  </Text>
)

() => (
  <Text>
    你可以将 <Link href="#">Link 用于文本内容中</Link>
  </Text>
)

API#

字段	描述
external	`boolean` 是否打开新页面