链接 Svelte 组件

Link 是用于创建链接以进行导航、自定义操作、切换选项卡、打开/关闭模态等的 utama 组件。

链接组件

以下组件包含在内

名称	类型	默认值	描述
颜色	对象		带有 Tailwind CSS 颜色类的对象
colors.navbarTextIos	字符串	'text-primary'
colors.navbarTextMaterial	字符串	''
colors.textIos	字符串	'text-primary'
colors.textMaterial	字符串	'text-md-light-primary dark:text-md-dark-primary'
iconOnly	布尔值	false	如果链接除了图标之外不包含任何内容，则启用
linkProps	任何		包含传递给链接/按钮的额外属性（属性）的对象
导航栏	布尔值	false	如果链接位于导航栏中，则应启用
标签栏	布尔值	false	如果链接位于标签栏中，则应启用
tabbarActive	布尔值	false	将标签栏链接突出显示为当前活动
工具栏	布尔值	false	如果链接位于工具栏中，则应启用
触控涟漪	布尔值	未定义	在 Material 主题中启用触控涟漪效果。如果未指定，则在链接为 `toolbar`、`tabbar` 或 `navbar` 时默认启用
onClick	function(e)		点击处理程序
onClick	function(e)		`click` 事件处理程序

<Link href="/about">About</Link>

<Link href="https://google.com" target="_blank"> Google </Link>

<Link linkProps={{to: '/about'}} component={RouterLink}>
  About
</Link>

<Navbar title="My App">
  <Link slot="right" navbar onClick={openMenu}>Menu</Link>
</Navbar>

<Toolbar>
  <Link toolbar onClick={action1}>Action 1</Link>
  <Link toolbar onClick={action2}>Action 2</Link>
</Toolbar>