Code Highlighter shows read-only source code with syntax highlighting. Use it for documentation snippets, API examples, configuration blocks, code previews, and small diffs that users need to read or copy.
Use it for:
- Showing code examples in documentation, onboarding screens, or developer tools.
- Displaying a filename or title above a code block.
- Highlighting important lines or ranges inside a snippet.
- Showing added and removed lines in a compact diff view.
- Letting users copy code with an optional copy button.
Do not use Code Highlighter as a code editor, textarea, terminal log, markdown article, or general text container. It is only for displaying code that is not edited in place.