Skills
.Work. You
Rest

n-mention

Community

Smart @mentions with autocomplete suggestions

Software Engineering#vue#autocomplete#mention#dropdown#prefix#text-input#n-mention
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Enables adding @mentions in text inputs with real-time, dropdown suggestions to improve collaboration and readability.

Core Features & Use Cases

  • Mentions in text and textarea modes with a dropdown of suggestions
  • Customizable prefixes such as @ and # and support for multiple prefixes
  • Flexible rendering via render-label and custom option layouts
  • Event-driven integration with v-model, search, select, focus, and blur for form work
  • Remote data capability via search event to load options asynchronously
  • Easy integration with forms and inputs across chat, comments, and editors

Quick Start

Bind the n-mention component to a data model and start typing to trigger suggestions

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: n-mention
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-mention

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.