Code Blocks

Holocron uses Prism for syntax highlighting. Fenced code blocks are rendered with full language support.

Basic code block

1234```ts
const greeting = 'Hello, world!'
console.log(greeting)
```

Code groups

Group related code blocks into tabs with the CodeGroup component. Wrap multiple fenced code blocks inside <CodeGroup> and </CodeGroup> tags:

123456789101112131415<CodeGroup>

```bash npm
npm install @holocron.so/vite
```

```bash pnpm
pnpm add @holocron.so/vite
```

```bash yarn
yarn add @holocron.so/vite
```

</CodeGroup>

See Code Groups for more options.

Inline code

Use backticks for inline code: `variable` renders as variable.

Ask AI about this page