Skip to content
Cloudflare Docs

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


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