MentionInput

TextArea whose trigger character opens a filtered suggestion list; picking one writes the mention at the caret. Reach for it over TextArea when the prose has to name records the app knows about — people, companies, saved assets — and you need the pick as data, not just the typed string.

Playground

Type the trigger to open the list. Up and down move the highlight, Enter or Tab inserts, Escape returns to typing.

<MentionInput
  label="Update"
  placeholder="Type @ to mention a person or company…"
  trigger="@"
  rows={4}
  value={value}
  onChange={setValue}
  items={people}
  onMentionSelect={attach}
/>

Update

Type @ to mention someone.