Mentions that
just work.
@users, #tags, /commands — one tiny core,
every framework.
@users, #tags, /commands — one tiny core,
every framework.
import { Mentions } from "@skyastrall/mentions-react"
<Mentions
triggers={[{ char: "@", data: users }]}
onChange={(markup, plainText) => save(markup)}
/>One framework-agnostic core. Thin adapters. Switch without rewriting.
@ for users, # for tags, / for commands — each with its own data source, color, and config.
Drop-in component, compound components, or headless hook. Pick your level of control.
Dimmed inline AI completions. Tab to accept. Wire up any LLM in 5 lines of code.
Core is ~9KB, React adapter is ~5KB. Zero runtime dependencies. No bloat.
Async data with context — textBefore, textAfter, activeMentions. Built for LLM suggestions.
WAI-ARIA combobox pattern. Full keyboard navigation. Screen reader support.