連結 Svelte 元件

連結是建立導航連結、自訂動作、切換標籤、開啟/關閉模式視窗等的主要元件。

連結元件

包含以下元件

名稱	類型	預設值	描述
色彩	物件		帶有 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	任意		帶有要傳遞給連結/按鈕的其他屬性的物件
navbar	布林值	false	如果連結在導覽列中，則應啟用
tabbar	布林值	false	如果連結在標籤列中，則應啟用
tabbarActive	布林值	false	將標籤列連結標示為目前啟用狀態
toolbar	布林值	false	如果連結在工具列中，則應啟用
touchRipple	布林值	未定義	在 Material 主題中啟用觸摸漣漪效果。如果未指定，則如果連結為`toolbar`、`tabbar`或`navbar`，則預設啟用
onClick	函式(e)		點擊處理程式
onClick	函式(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>