Collapsible Section Stack
OfficialStreamline entity editing with a vertical stack of collapsible panels.
Authorbytetalent
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of organizing complex entity editing pages by providing a structured, collapsible panel layout that enhances user experience and reduces clutter.
Core Features & Use Cases
- Vertical Stack Layout: Organizes fields into a vertical stack of collapsible panels, allowing users to view and edit only the necessary sections at once.
- Customizable Panels: Each panel can have a title, icon, and default open/close state, offering flexibility in page design.
- Use Case: Ideal for editing entities with multiple fields, such as user profiles or product details, where not all fields need to be visible simultaneously.
Quick Start
Implement the Collapsible Section Stack by importing the CollapsiblePanel component and passing the appropriate props for each panel.
Dependency Matrix
Required Modules
None requiredComponents
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: Collapsible Section Stack Download link: https://github.com/bytetalent/docs/archive/main.zip#collapsible-section-stack 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.