Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,24 @@ description: 'Learn how to enhance your documentation with customizable code blo
max-toc-depth: 2
---

The `<CodeBlock>` component displays code examples with syntax highlighting powered by [Shiki](https://shiki.matsu.io/). Code blocks support line highlighting, focusing, titles, and deep linking to make your code examples more readable and interactive.
The `<CodeBlock>` component displays code examples with syntax highlighting. Code blocks support line highlighting, focusing, titles, and deep linking to make your code examples more readable and interactive.

<Info title="Supported languages">
Fern supports [Shiki](https://shiki.matsu.io/) syntax highlighting for the following languages:

- `curl`
- `python`
- `javascript` (aliases: `js`, `node`)
- `typescript` (aliases: `ts`)
- `go`
- `ruby`
- `csharp`
- `php`
- `swift`
- `rust`

If you specify a language that's not on this list, Fern will still display the code block but without syntax highlighting.
</Info>

## Usage

Expand Down