Components › Forms & input › Text field › Mention input

Mention input

canon

Text editor that resolves @ references into entity chips.

Used in 17 files · 13 areas · 30× — components/CallbackTakeoverModal, components/NoteMarkdown, components/assistant, components/company, components/deal, components/meetings …

apps/web <MentionInput> <MentionText>.mi-editor .mi-multiline .mi-menu .mi-opt-ic +2SourceStoryLegacy card task-dialog.html
ExamplesCodeUsageAccessibilityChangelog

Import

Not exported from @acrm/ui — <MentionInput&gt;, &lt;MentionText> lives in the app (apps/web/src/components/MentionInput.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

MentionInput

No props extracted (not in props.json).

MentionText

No props extracted (not in props.json).

CSS classes

.mi-editor.mi-multiline.mi-menu.mi-opt-ic.mi-lost.eref-chip.eref-mini

Files

Entity referenceRecord selectTextareaPopover