Syntax Highlighted Code Block

Import

To use the Code component in your project, import it as follows:

If you are using VITE:

vite.config.js

Usage

The Code component is designed to make embedding and presenting code snippets easy. Below is an example of its basic usage:

Basic Usage

Key Features

• Syntax Highlighting: Automatic language detection for improved readability.

• Customizable Themes: Supports multiple themes for styling code blocks.

• Responsive Design: Scales perfectly across all devices.

• Easy Integration: Works right out of the box with minimal configuration required.

• Lightweight: Designed to be fast and efficient in performance.