Skip to content
My Docs

HeadLink 标题链接

基本用法

可以通过 href 属性设置跳转地址, depth 属性设置元素的起始内边距，插槽的方式设置显示文本


未设置 depth

HeadLink

depth = “3”

HeadLink 

  <HeadLink href="headlink.html">HeadLink</HeadLink>
  <br/>
  <HeadLink href="headlink.html" depth="3">HeadLink</HeadLink>

自定义样式

可以通过 class 属性设置自定义样式


HeadLink 

  <HeadLink class="hover:text-sky-700 text-orange-500" href="headlink.html" >HeadLink</HeadLink>

设置主题

可以通过 theme 属性设置主题, 可选值为 tailwind.config 配置的主题名称 默认值为 “primary”


HeadLink HeadLink HeadLink 

  <HeadLink  href="headlink.html">HeadLink</HeadLink>
  <HeadLink  href="headlink.html" theme="secondary">HeadLink</HeadLink>
  <HeadLink  href="headlink.html" theme="accent">HeadLink</HeadLink>

API

属性说明类型默认值
href跳转链接string-
depth设置元素的起始内边距
可选值:
“2”、“3”、“4”		Enum-
class组件自定样式string-
theme组件主题配置（可选值为 tailwind.config 配置的主题名称）stringprimary