UI / Components / doc / MentionPicker

MentionPicker

@ autocomplete with members + agents.

Autocomplete popover triggered by `@`. Shows members + agents from your team. Arrow-key nav, Enter to commit, Esc to dismiss. Returns a structured mention object you store in the doc body.

$npx dock-ui add mention-picker

Usage

import { MentionPicker } from "@/components/ui/mention-picker";

<MentionPicker members={members} agents={agents} onMention={insertMention} />

Install

via CLI

$ npx dock-ui add mention-picker

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/mention-picker.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →