Components
Emoji Picker

Emoji Picker

A comprehensive emoji picker with search and category navigation.

EmojiButtonSpinnerTooltip

Installation

Install the following dependencies:

npm install @udecode/plate-emoji @radix-ui/react-popover @radix-ui/react-slot @radix-ui/react-tooltip

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Callout

Get the code ->

Callout

Use callouts to highlight important information or add special notes to your document.
How to use callouts:
  • Type "/callout" to trigger the callout menu and insert a callout.
  • Click on the default emoji to modify it and choose a different one.
Example of a callout:
This is an example callout. You can change the emoji by clicking on it, and add your content here.

EditorFloating Toolbar Buttons