Modal Popup
CommunityStandardize modal UIs with V2Base components, streamline modal creation.
Authordnsnamdang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill standardizes the UI for all modal/popup elements using V2Base components, ensuring consistency and efficiency in modal creation across the project.
Core Features & Use Cases
- Consistent Modal Structure: Provides a consistent structure for modals using
b-modalwith custom footer and header. - Header Customization: Allows for custom icons, titles, and close buttons in the modal header.
- Footer Variants: Offers predefined footer structures for different modal types (add, edit, view, delete confirm).
- Button Conventions: Ensures buttons follow a uniform style guide for consistency.
Quick Start
Create a new modal with the 'Modal Popup' skill by following the structure and button conventions outlined in the documentation.
Dependency Matrix
Required Modules
vuev2base
Components
scriptsreferences
💻 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: Modal Popup Download link: https://github.com/dnsnamdang/hrm-claude-config/archive/main.zip#modal-popup 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 620,000+ vetted skills library on demand.