Function: CodeBlock()

function CodeBlock(props: Readonly<{
  code: string;
  language?: string;
  showLineNumbers?: boolean;
  filename?: string;
  className?: string;
}> & RefAttributes<HTMLDivElement>): Block;

Defined in: src/renderer/blocks/index.ts:2186

Experimental

CodeBlock — syntax-highlighted code with copy button and language label. Highlighting is done by a lightweight pattern-based tokenizer (no external grammar libraries) and output is rendered as React spans (no innerHTML), so it is safe even for untrusted code.

Parameters

Parameter	Type
props	Readonly<{ code: string; language?: string; showLineNumbers?: boolean; filename?: string; className?: string; }> & RefAttributes<HTMLDivElement>

Returns

Block

Example

CodeBlock({code: 'console.log("hi")', language: 'javascript'});
CodeBlock({code: 'select 1;', language: 'sql', showLineNumbers: true});