n-steps
CommunityDisplay clean multi-step progress.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Step-based progress UI helps users understand their position in a process and navigate sequential tasks without losing context.
Core Features & Use Cases
- Multiple Sizes: Small and medium sizes to fit different layouts.
- Vertical Layout: Support for vertical step display.
- Status States: Process, finish, error, and wait states to convey progress.
- Custom Icons: Allow per-step or global icons to indicate status.
- Clickable Steps: Enable navigation by clicking steps when appropriate.
- Content Placement: Control where step descriptions appear relative to titles.
Quick Start
Create an n-steps instance with several n-step items and control the current step to display progress.
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-steps Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-steps 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.