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