n-countdown
CommunityConfigurable countdown for precise UI timing.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The countdown component provides a ready-to-use timer UI to display time remaining in your Naive UI applications, reducing manual timer implementation.
Core Features & Use Cases
- Configurable Duration: Set countdown duration in milliseconds.
- Precision Control: Display time with 0-3 decimal precision.
- Active Control: Start/stop countdown programmatically to pause or resume as needed.
- Custom Rendering: Provide a custom render function to fully customize the countdown UI.
- Reset Support: Expose a reset method to restart the countdown from its initial state.
- Completion Callback: Handle finish events to trigger follow-up actions.
Quick Start
Create an n-countdown with a configurable duration and bind its active state to a reactive boolean to start the countdown.
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-countdown Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-countdown 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.