Components
Link Toolbar Button

Link Toolbar Button

Adds a toolbar button for inserting and editing links in the editor.

Toolbar
Get the code ->

🌳 Blocks

Easily create headings of various levels, from H1 to H6, to structure your content and make it more organized.
Create blockquotes to emphasize important information or highlight quotes from external sources.
// Use code blocks to showcase code snippets
function greet() {
  console.info('Hello World!');
}

Installation

Install the following dependencies:

npm install @udecode/plate-link @radix-ui/react-toolbar

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Link Floating ToolbarMedia Audio Element