Display code blocks, added by default.
- Syntax highlighting powered by Shiki
- Copy button
- Custom titles and icons
Wrap the pre element in <CodeBlock />
, which acts as the wrapper of code block.
Use the background color generated by Shiki (the Rehype Code plugin).
Specify a custom icon by passing an icon
prop to CodeBlock
component.
By default, the icon will be injected by the custom Shiki transformer.