← ui-lab

Mention Input

A text field with an inline @-autocomplete popup. Type the trigger character and a name to open a list of matching people; ArrowUp/ArrowDown move the highlight and Enter (or click) inserts the chosen name as an @Name token in place of what you typed, leaving the rest of your text untouched. Press Escape to dismiss.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/mention-input.json

Conformance

This component conforms to the @publictheta/ui-spec mention-input specification. Run the suite against any implementation with pnpm conformance.