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>

Was this helpful?

What did you like?

Accurate

Easy to understand

Solved my problem

Helped me decide to use the product

Other

What went wrong?

Hard to understand

Incorrect information

Missing the information

Other

Thank you for helping improve Cloudflare's documentation!