Skip to content

LinkCard

链接样式的卡片,可选前置图标、标题和描述。悬停时标题和图标会变为主色。

查看 Markdown

安装

npx @cloudflare/nimbus-docs add link-card

预览

<LinkCard
title="快速开始"
description="五分钟了解如何搭建文档站点。"
href="#"
icon="ph:rocket-launch"
/>

示例

仅标题

当标题本身已足够说明时,可省略描述。

<LinkCard title="更新日志" href="#" />

带描述

添加描述以说明读者通过链接能获得什么内容。

<LinkCard
title="API 参考文档"
description="涵盖每个端点、参数和响应结构。"
href="#"
/>

API 参考

组件接受的全部属性,均源自单一声明。

PropType
titlerequired
string
description
string
hrefrequired
string
icon
string
组件

输入以搜索…

↑↓ 导航↵ 选择Esc 关闭