Components
AnchorHeading 锚点标题
悬停时展示 # 锚点图标,点击自动复制指向该小节的直接链接。
各级标题示例
支持 as 属性配置 h1 到 h6 各级标题,且自动根据标题正文生成 URL-friendly 的 ID。
快速上手指南
本小节介绍如何将组件库快速接入现有项目。
前置要求
请确保 Node.js >= 18 或使用 Bun 运行时。
可选依赖项
如需使用代码块高亮,可按需集成 Shiki。
<AnchorHeading as="h2">快速上手指南</AnchorHeading>
<p>本小节介绍如何将组件库快速接入现有项目。</p>
<AnchorHeading as="h3">前置要求</AnchorHeading>
<p>请确保 Node.js >= 18 或使用 Bun 运行时。</p>API 参考
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
as | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h2' | HTML 标题语义级别。 |
id | string | 依文本自动 slugify | 标题的 DOM 唯一标识符,用作 URL Hash。 |
copyable | boolean | true | 是否在点击锚点符号时复制链接到剪贴板。 |
slot: default | slot | — | 标题展示文本。 |