Code

Enhanced code component with live preview.

<h1>I'm a live preview</h1>

Usage in html

Use it in the same way as the native Astro <Code/> component, which is documented here.

The following code will translate to the example at the top of this page:

---
import Code from 'fulldev-ui/components/Code.astro'
---

<Code code={`<h1>I'm a live preview</h1>`} />

Will render as:

<h1>I'm a live preview</h1>

Usage in markdown

Thanks to this great plugin you can also use it directly in markdown files.

The following code will translate to the example at the top of this page:

```astro live
<h1>I'm a live preview</h1>
```