cpn-basic-pagination
OfficialUse UDesign Pagination correctly in React.
AuthorUCloud-FE
Version1.0.0
Installs0
System Documentation
What problem does it solve?
AI users often struggle to correctly integrate the UDesign Pagination component in React apps, leading to inconsistent UI and incorrect pagination behavior.
Core Features & Use Cases
- Clear usage pattern for the Pagination API (total, pageSize, current, simple, etc.) within UDesign guidelines.
- Demonstrates rendering Pagination in common UI scenarios such as data lists, tables, and responsive layouts.
- Use Case: when building an itemized list that requires correct page navigation and total/item size display, the AI can generate appropriate Pagination configurations.
Quick Start
Provide a minimal React Pagination example that follows UDesign guidelines.
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: cpn-basic-pagination Download link: https://github.com/UCloud-FE/udesign-cli/archive/main.zip#cpn-basic-pagination 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.