卡片是 Nimbus ↗ 提供的内置组件。
import { Card } from "~/components";
<Card title="Check this out" icon="ph:puzzle-piece">
Interesting content you want to highlight.
</Card>import { ListCard } from "~/components";
<ListCard title="Links" icon="ph:puzzle-piece">
- foo
- bar
- baz
</ListCard>import { LinkTitleCard } from "~/components";
<LinkTitleCard
title="Check this out"
icon="ph:puzzle-piece"
href="/style-guide/components/cards/"
>
Interesting content you want to highlight.
</LinkTitleCard>（可选）您可以从 Starlight 的 Icons ↗ 中为 cards 选择一个对应的图标。