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
On this page
  • Usage
  • Bring your own components
  • Requests for new components
Writing ContentComponents

Components Overview

Was this page helpful?
Previous

Accordions

Next
Built with

Fern provides a library of 15+ built-in-components to make your documentation more interactive and engaging. Components are building blocks that you can add to any MDX page.

Usage

Specify a component in your MDX file while writing content. For example, to add a Card component, use the following syntax:

1<Card 
2    title='Open Source' 
3    icon='brands github' 
4    href='https://github.com/fern-api/fern'
5>
6  Give us a star! Fern's CLI & docs source code is available on GitHub. 
7</Card>

This will automatically render a card with the title, icon, and content you specified.

Open Source

Give us a star! The source code to Fern’s CLI is available on GitHub.

Bring your own components

Want to bring your own UI components, such as a custom header and footer? You can on the Enterprise plan. Contact us to learn more.

Requests for new components

Have a component in mind that you’d like to see in Fern? Let us know by filing a GitHub Issue.