Welcome to docs

Code Block

A code block component that displays code with a background.

console.log('Hello, world!');

1. Install the following dependencies:

bash

2. Add the following CSS variables to your CSS file:

css

Props list

Prop	Type	Default	Example	Description
`code`	`string`	`-`	`const x = 1`	The code text to be displayed. Mutually exclusive with `children`.
`children`	`ReactNode`	`-`	`const x = 1`	The content to be displayed. Mutually exclusive with `code`.
`className`	`string`	`-`	`custom-class`	Additional CSS classes to apply to the component.

Note: code and children are mutually exclusive. If both are provided, code will be used.