HQ UI

Code

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

Installation

In the terminal, run the following command to begin:
npx hq-kit add code

Code Block

Snippet

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

Filename

Language

Theme

You can specify the theme for light and dark mode

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

Highlight Lines