Skip to content

HeadLinkList 标题链接列表

基本用法

可以通过 headingTitle 属性设置标题, linkItems 属性设置列表内容



<div class="text-sm">
<HeadLinkList
headingTitle="贡献"
linkItems={[
{
href: "headlinklist.html",
text: "贡献者指南",
icon: 'tabler:download'
},
{
href: "headlinklist.html",
text: "编辑本页内容",
icon:'tabler:download'
},
{
href: "headlinklist.html" ,
text: "反馈本页问题",
icon:'tabler:download'
}
]}
/>
</div>

API

属性说明类型默认值
headingTitle标题string-
theme组件主题配置(可选值为 tailwind.config 配置的主题名称)stringprimary
linkItems组件列表内容Array-

HeadLinkList.linkItems

属性说明类型默认值
href跳转链接string-
depth设置元素的起始内边距
可选值:
“2”、“3”、“4”
Enum-
class组件自定样式string-
theme组件主题配置(可选值为 tailwind.config 配置的主题名称)stringprimary
icon组件中可配置的 icon,icon图标详细配置请参考 Icon 组件--