Components
Turn Into Dropdown Menu

Turn Into Dropdown Menu

A dropdown menu component for changing block types in the editor.

Dropdown MenuToolbar
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 @radix-ui/react-dropdown-menu @udecode/plate-block-quote @udecode/plate-callout @udecode/plate-code-block @udecode/plate-heading @udecode/plate-indent-list @udecode/plate-toggle @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.

TOC SidebarAvatar