Components / UI components / Rich Content
Rich contentExperimental alpha

MarkdownCodeBlock

Copyable code with optional safe syntax highlighting, line numbers and plain fallback.

MarkdownCodeBlock preview

Loading example…

Interactions use local sample data.

Usage and props

Plain /code or optional /highlight with Shiki. Code is inert text; no editor, execution or application is implied.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

code · language? · streaming? · variant
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard