Components
Mention Input Element

Mention Input Element

Renders an input element for mentioning users with autocomplete functionality.

API ReferenceBlock SelectionButtonInline ComboboxMenuPlate ElementPopoverTooltip
Get the code ->

＠ Mention

Mention and reference other users or entities within your text using @-mentions.
Try mentioning
BB-8
or
Boba Fett
.

Installation

Install the following dependencies:

npm install @udecode/plate-mention @udecode/plate-selection @udecode/plate-combobox @ariakit/[email protected] @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.

Mention ElementMore Dropdown Menu