Code Block display

Basic

Counter.tsx

Loading...

With Scrolling

server.ts

Loading...

Without line numbers

Loading...

Syntax-highlighted code display with copy button, language label, and optional line numbers.

API Reference

<CodeBlock>

Prop	Type	Default
code	string	required
language	string	`"tsx"`
title	string	`undefined`
copyButton	boolean	`true`
showLineNumbers	boolean	`true`
scrollFade	boolean	`true`
orientation	'horizontal' \| 'vertical' \| 'both'	`"both"`