Code

The Code component can be used to display code snippets and code blocks.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add code

View

Code

You may hide line-numbers by passing lineNumbers={false}

View

Code

View

Code

View

Code

View

Code

Theme

You can specify the theme for light and dark mode

<Code theme={{ light: 'github-light', dark: 'github-dark' }} />

View

Code