Plate Pro
Docs
Components
Editors
Templates
Toggle Menu
Search documentation...
Search...
⌘
K
GitHub
Discord
Toggle theme
Sign in
Get all-access ->
Components
Code Syntax Leaf
Code Syntax Leaf
A syntax highlighting component for code blocks.
Basic Elements
Installation
Install the following dependencies:
Copy
npm
install
@udecode/plate-code-block
Copy and paste the following code into your project.
Get the code ->
Update the import paths to match your project setup.
Examples
Preview
Basic Nodes
Get the code ->
Loading...
Code Line Element
Comment Leaf