CodeBlockNode component

Codepeer: stream-diffs

Fenced ```lang blocks render as stream-diffs powered code surfaces with header, copy button, and diff modes.

Markdown input

```ts
const greeting = 'hello markstream'
```

Live rendered output

TypeScript

const greeting = 'hello markstream'

Deep dive

This component has a dedicated guide: /guide/code-block-node

Override built-in components — replace this node renderer safely with scoped overrides. Renderer & node components reference — see all exported components and their props.

Rendering this component requires its peer dependencies. See Installation & optional peers.