n-input-number
CommunityPrecise numeric inputs with smart controls.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The n-input-number component provides a robust solution for collecting numeric data by offering built-in min/max constraints, step controls, precision handling, and formatting options, reducing user input errors and development effort.
Core Features & Use Cases
- Increments and decrements with configurable step
- Min/max bounds, precision control, and custom formatting
- Custom parsing and validation, with events for value changes and focus/blur
- Use cases include quantity selectors, price inputs, and numeric forms with consistent UX
Quick Start
Create a simple n-input-number with min 0, max 100, and step 1 to capture user quantities.
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-input-number Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-input-number 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.