Callout Element

Renders a customizable callout element with an emoji picker.

CalloutBlock SelectionButtonEmoji PickerPlate ElementSpinnerTooltip

Installation

Install the following dependencies:

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

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 ->
Loading...
Emoji
Get the code ->
Loading...
Blockquote ElementCode Block Element