Code component

Code is

• a content component
• based on prismJs
• that highlights the syntax of the text that it wraps.

Usage

Markdown

You can use it in a markdown page with Markdown fence

markdown⎘ Copy
```js
let counter = 1 + 1
```

yield:

js⎘ Copy
let counter = 1 + 1

Programmatic Page

You can also install it or use it directly in a programmatic page

jsx⎘ Copy
import Code from "@combostrap/interact/component/Code";

export default function myPage() {
    return (
        <Code lang="markdown">
            **Markdown** text
        </Code>
    )
}

yield:

markdown⎘ Copy
**Markdown** text

Registration

The code component is registered to the pre html element.

Therefore, it will pretty print the code enclosed by <pre> element and Markdown fence.