Basic Components
Code Highlight
Component displays code with syntax highlighting, supporting multiple programming languages.
Usage Examples
Basic Usage
Display basic syntax-highlighted code.
300px
Multiple Languages Support
The component supports syntax highlighting for multiple programming languages.
300px
Line Numbers and Other Options
You can configure whether to show line numbers or enable auto language detection.
300px
Properties
| Property | Basic component module for translation keys shared across all component documentation pages | Type | Default |
|---|---|---|---|
| code | The code content to display | string | |
| language | Code language, e.g. javascript, python, vue, etc. | string | javascript |
| autoDetect | Auto detect code language | boolean | false |
Design Empowers, Innovation Unlimited