n-list
CommunityCreate structured lists with headers and dividers.
Authorjiaiyan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
List component provides a consistent way to display structured lists with optional header, footer, borders, dividers, and item slots, reducing UI drift and boilerplate.
Core Features & Use Cases
- Header & footer support for contextual sections.
- Bordered style and divider control for visual hierarchy.
- Prefix/suffix slots and rich content with n-thing for flexible item content.
- Use cases: chat-like item lists, settings menus, notification feeds, and data lists.
Quick Start
Create a sample list in a Vue template using n-list and n-list-item to render a header, several items, and a footer.
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-list Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-list 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.