カード

カードは、Starlight ↗によって提供される組み込みコンポーネントです。

カード

これをチェック

注目したい興味深いコンテンツ。

import { Card } from '~/components';

<Card title="これをチェック" icon="puzzle">
  注目したい興味深いコンテンツ。
</Card>

リストカード

リンク

• foo
• bar
• baz

import { ListCard } from "~/components";

<ListCard title="リンク" icon="puzzle">
  - foo
  - bar
  - baz
</ListCard>

リンクタイトルカード

これをチェック

注目したい興味深いコンテンツ。

import { LinkTitleCard } from '~/components';

<LinkTitleCard
  title="これをチェック"
  icon="puzzle"
  href="/style-guide/components/cards/"
>
  注目したい興味深いコンテンツ。
</LinkTitleCard>