Highlighter

The Highlighter component is used to display syntax-highlighted code blocks with powerful features like code copying, language selection, custom themes, and transformers. It supports multiple display variants, expandable views, and customizable actions.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Highlighter/const.ts
• src/Highlighter/engine.ts
• src/Highlighter/FullFeatured.tsx
• src/Highlighter/Highlighter.tsx
• src/Highlighter/index.ts
• src/Highlighter/LangSelect.tsx
• src/Highlighter/languages.ts
• src/Highlighter/stable.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Code Block Components
• React Code Block Components
• Dev Tool Components
• React Dev Tool Components

More from Lobe UI

• Snippet
• Awesome Code Showcase
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block