n-dynamic-tags
CommunityDynamically manage tags with customizable inputs
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Managing multiple user-entered tags in forms can be tedious and error-prone. The n-dynamic-tags component provides a compact, interactive solution to create and remove tags on the fly, with support for custom rendering and input elements.
Core Features & Use Cases
- Dynamic addition and removal of tags via typing and pressing Enter
- Customizable rendering through a render-tag option
- Flexible input customization and slot-based integration for advanced UIs
- Real-world use cases include tag clouds, keywords, labels, and multi-tag inputs in forms
Quick Start
Use n-dynamic-tags in a Vue template, bind v-model:value to a reactive array, and optionally configure max, type, and render-tag to tailor behavior.
Dependency Matrix
Required Modules
None requiredComponents
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-dynamic-tags Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-dynamic-tags Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.