Mentions

A textarea that opens a suggestion list after a trigger character, for @ mentions and anything else keyed the same way.

Design

The component in its Figma file, with its variants and states. The table below lists the Figma component's properties, which name the drawing's variants. Figma draws a fixed number of children, so a prop that takes an array has no match there, and a slot is a boolean. For the React props, see the Code tab.
Mention Input
Mention Textarea
Mention Placement
Mention Dropdown
Mention Item
Mention Option Node