A feature-rich code block component with syntax highlighting, line numbers, copy functionality, and command-line interface support.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| code | string | Yes | - | The code content to be displayed in the block. |
| language | string | No | "typescript" | Programming language for syntax highlighting. Supported languages include typescript, javascript, jsx, tsx, css, python, java, json, bash, markdown. |
| showLineNumbers | boolean | No | true | Whether to show line numbers in the code block. |
| showLineNumbersToggler | boolean | No | false | Whether to show line numbers Toggler in the code block header. |
| showCopyButton | boolean | No | true | Whether to show the copy button. |
| showLanguageLabel | boolean | No | true | Whether to show the language label in the header. |
| overwriteLanguageLabel | string | No | "" | To overwrite the language label in the header. |
| theme | "light" | "dark" | No | "dark" | Color theme for the code block. |
| className | string | No | - | Additional CSS classes to apply to the container. |
| isCommandLine | boolean | No | false | Whether to render the code block as a command-line interface. |
| commandLine | CommandLineConfig | No | { user: "user", host: "localhost", path: "~", basePrompt: "", continuationPrompt: "→ " } | Configuration for command-line interface display, including user, host, path, and prompts. |