Code Block

Used to display and highlight dynamic code blocks.

<div class="container">
  <h1>Hello, world!</h1>
</div>

<CodeBlock
  code={`<div class="container">
  <h1>Hello, world!</h1>
</div>`}
  language="html"
/>

Examples

Use the copyButton prop to add a copy button to the code block component.

<div class="container">
  <h1>Hello, world!</h1>
</div>

<CodeBlock
  code={`<div class="container">
  <h1>Hello, world!</h1>
</div>`}
  language="html"
  copyButton
/>