> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

# Components overview

> Complete guide to Fern documentation components. Build better docs with accordions, callouts, tables, tabs, and interactive API features.

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

#### [Accordion](/learn/docs/writing-content/components/accordions)

Expandable sections for FAQs and collapsible content

#### [Anchor](/learn/docs/writing-content/components/anchor)

Linkable anchors for paragraphs, tables, and other content

#### [Aside](/learn/docs/writing-content/components/aside)

Sticky container for content positioned to the right of the page

#### [Badge](/learn/docs/writing-content/components/badges)

Small labels for status, versions, and metadata

#### [Button](/learn/docs/writing-content/components/button)

Interactive button component with multiple variants and intents

#### [Callout](/learn/docs/writing-content/components/callouts)

Highlighted boxes for important information, warnings, and tips

#### [Card](/learn/docs/writing-content/components/cards)

Visually distinct box with optional icons and links

#### [Code block](/learn/docs/writing-content/components/code-blocks)

Code examples with syntax highlighting and interactive features

#### [Copy](/learn/docs/writing-content/components/copy)

Make text copyable with a click-to-copy button

#### [Download](/learn/docs/writing-content/components/download)

Download PDFs and other assets

#### [Endpoint request snippet](/learn/docs/writing-content/components/request-snippet)

Endpoint request snippets from your API Reference

#### [Endpoint response snippet](/learn/docs/writing-content/components/response-snippet)

Endpoint response snippets from your API Reference

#### [Endpoint schema snippet](/learn/docs/writing-content/components/schema-snippet)

Endpoint schema snippets from your API Reference

#### [Files](/learn/docs/writing-content/components/files)

Display interactive file tree structures with expandable folders

#### [Frame](/learn/docs/writing-content/components/frames)

Container for images with optional captions and backgrounds

#### [Icon](/learn/docs/writing-content/components/icons)

Font Awesome icons for visual elements

#### [If](/learn/docs/writing-content/components/if)

Show or hide content based on instance, product, version, or user role

#### [Indent](/learn/docs/writing-content/components/indent)

Visual hierarchy with indentation and guide lines for nested content

#### [Parameter field](/learn/docs/writing-content/components/parameter-fields)

API parameter documentation with consistent formatting

#### [Prompt](/learn/docs/writing-content/components/prompt)

Copyable AI prompts that open in Cursor, Claude, or ChatGPT

#### [Runnable endpoint](/learn/docs/writing-content/components/runnable-endpoint)

Interactive request builder for testing API endpoints

#### [Schema](/learn/docs/writing-content/components/schema)

Display any type definition from your API Reference

#### [Scroll walkthrough](/learn/docs/writing-content/components/scroll-walkthrough)

Prose steps paired with a code panel that follows the reader's scroll

#### [Step](/learn/docs/writing-content/components/steps)

Sequenced instructions with automatic numbering and anchor links

#### [Table](/learn/docs/writing-content/components/tables)

Display data in rows and columns with optional sticky headers

#### [Tab](/learn/docs/writing-content/components/tabs)

Tabbed interface for organizing related content

#### [Tooltip](/learn/docs/writing-content/components/tooltips)

Additional information displayed on hover

#### [Versions](/learn/docs/writing-content/components/versions)

Display different content based on version selection

> Complete guide to Fern documentation components. Build better docs with accordions, callouts, tables, tabs, and interactive API features.