カードは 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/cf/ListCard.astro";
<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/build-the-page/components/cards/"
>
Interesting content you want to highlight.
</LinkTitleCard>任意で、cards に対応するアイコンを Starlight の Icons ↗ から選べます。