CodeBlock

CodeBlock Component

stable
Playground
javascript
const greeting = "Hello World";
console.log(greeting);
Props
PropTypeDefaultValue
languagetext—
showLineNumbersboolean—
maxHeightnumber—
Default
javascript
const greeting = "Hello World";
console.log(greeting);
WithLineNumbers
javascript
1function add(a, b) {
2  return a + b;
3}
4
5const result = add(1, 2);
6console.log(result);
TypeScript
typescript
1interface User {
2  name: string;
3  email: string;
4}
5
6const user: User = {
7  name: "Alice",
9};
PROPTYPEDEFAULTDESCRIPTION
languagetext—Language label
maxHeightnumber—Max height in pixels
showLineNumbersboolean—Show line numbers
Using CodeBlocktsx
import { CodeBlock } from '@/components/CodeBlock'

<CodeBlock
  language="..."
  showLineNumbers="..."
  maxHeight="..."
/>
Tokens Used
No design tokens detected