帮助文章 HelpArticles
HelpArticles 能够将大量的文章链接进行结构化展示,常见于文档首页或常见问题聚合页。
import { HelpArticles } from '@goenhance/cms-ui';
const Example = () => ( <HelpArticles title="文档入口" list={[ [{ title: "文章 1", url: "#" }], [{ title: "文章 2", url: "#" }] ]} />);属性说明 (Props)
Section titled “属性说明 (Props)”| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | - | 区域大标题 |
list | HelpArticleItem[][] | [] | 二维数组,每一层代表示一列文章 |
- 多列分组:支持通过二维数组轻松实现文章的分列展示。
- 图标引导:每篇文章前都带有醒目的箭头图标,引导点击。
- 悬停视觉:文章标题在悬停时会自动变色并增加下划线。