For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Slack communityLog inBook a demo
  • Getting Started
    • Overview
    • Quickstart
    • Customer Showcase
  • Writing Content
    • Markdown
      • Overview
      • Accordions
      • Accordion Groups
      • Aside
      • Button
      • Callouts
      • Cards
      • Card Groups
      • Code Blocks
      • Embed
      • Endpoint Request Snippet
      • Endpoint Response Snippet
      • Endpoint Schema Snippet
      • Frames
      • Icons
      • Parameter Fields
      • Steps
      • Tabs
      • Tooltips
    • Visual Editor
    • Reusable Markdown
    • Custom React Components
    • Changelog
LogoLogo
Slack communityLog inBook a demo
Writing ContentComponents

Cards

1<Card 
2    title="Python" 
3    icon="brands python" 
4    href="https://github.com/fern-api/fern/tree/main/generators/python"
5>
6    View Fern's Python SDK generator.
7</Card>
Was this page helpful?
Previous

Card Groups

Next
Built with

Cards are container components that group related content and actions together. They provide a flexible way to present information with optional elements like icons, titles, and links in a visually distinct box.

Properties

PropertyTypeDescription
titlestringThe title text to display in the card
iconstring | imgEither a Font Awesome icon class (e.g. ‘brands python’) or a custom image
hrefstringOptional URL that makes the entire card clickable

Basic

Python

The icon field references a Font Awesome icon.

Custom icon

Python logo
Python

Pass in an image tag to use a custom icon.

Icon position

Location

You can set the icon position as left or top. Default is top.