mention

Context, right where you type.

Headless mentions for React.

Each editor keeps its draft

Try it. Type @, #, or /Sample data

Plain text. Native textarea.

bun add @danielivanov/mention@^0.2.1

Start with your editor.

Use a native textarea, or connect a rich editor through an adapter. Your editor keeps its document and history.

Mention handles detection, suggestions, and the popup. You own the data, rendering, and document.

Start with an array. Connect async search when you need it, with cancellation and request states.

People, channels, commands. Give each trigger its own typed items and rendering.

Use the optional stylesheet, tune the variables, or style the components yourself.

Give your agent typed examples and Markdown docs for the integration you're building.