Cards

Cards are a built-in component provided by Starlight.

Cards

Check this out

Interesting content you want to highlight.

import { Card } from '~/components';

<Card title="Check this out" icon="puzzle">
  Interesting content you want to highlight.
</Card>

List cards

Links

• foo
• bar
• baz

import { ListCard } from "~/components";

<ListCard title="Links" icon="puzzle">
  - foo
  - bar
  - baz
</ListCard>

Link title cards

Check this out

Interesting content you want to highlight.

import { LinkTitleCard } from '~/components';

<LinkTitleCard
  title="Check this out"
  icon="puzzle"
  href="/style-guide/components/cards/"
>
  Interesting content you want to highlight.
</LinkTitleCard>