Code

The <Code> component provides syntax highlighting for code blocks.

The component supports many different languages such as JavaScript, Markdown, HTML, CSS and many more.

The highlighted lines show how to import and use the <Code> block.

The default language is "markdown", but you can specify any of the languages which are supported by shiki.

The Hitchhiker's Guide to the Galaxy

Full-width

Full-width code blocks provide more space for the code. They are not constrained to the center column.

Blocks
Arbitrary
Blocks
ColorBar