Components overview

View as Markdown

Fern includes 25 built-in components for creating interactive documentation. Select a component below to view usage examples and configuration options.

Accordion

Expandable sections for FAQs and collapsible content

Anchor

Linkable anchors for paragraphs, tables, and other content

Aside

Sticky container for content positioned to the right of the page

Badge

Small labels for status, versions, and metadata

Button

Interactive button component with multiple variants and intents

Callout

Highlighted boxes for important information, warnings, and tips

Card

Visually distinct box with optional icons and links

Code block

Code examples with syntax highlighting and interactive features

Copy

Make text copyable with a click-to-copy button

Download

Download PDFs and other assets

Endpoint request snippet

Endpoint request snippets from your API Reference

Endpoint response snippet

Endpoint response snippets from your API Reference

Endpoint schema snippet

Endpoint schema snippets from your API Reference

Files

Display interactive file tree structures with expandable folders

Frame

Container for images with optional captions and backgrounds

Icon

Font Awesome icons for visual elements

Indent

Visual hierarchy with indentation and guide lines for nested content

Parameter field

API parameter documentation with consistent formatting

Runnable endpoint

Interactive request builder for testing API endpoints

Schema

Display any type definition from your API Reference

Step

Sequenced instructions with automatic numbering and anchor links

Table

Display data in rows and columns with optional sticky headers

Tab

Tabbed interface for organizing related content

Tooltip

Additional information displayed on hover

Versions

Display different content based on version selection