Skip to content
Cloudflare Docs

Cards

The Card component is used 29 times on 27 pages.

See all examples of pages that use Card

Used 29 times.

Pages

Partials

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>
 
import { LinkTitleCard } from "~/components";


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

Card icons

Optionally, you can choose a corresponding icon from Starlight’s Icons ↗ for cards.