Skills
.Work. You
Rest

canopy-accordion

Official

Best practices for Canopy Accordion usage.

Software Engineering#angular#component#best-practices#ux#accordion#canopy#lg-accordion
AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Consistent, accessible, and maintainable guidance for implementing Canopy's lg-accordion in Angular projects, reducing misuses and UX inconsistencies.

Core Features & Use Cases

  • Best-practice guidance for structuring accordion panels, headings, and content in Canopy components.
  • Recommendations for accessibility considerations, state management, and when to prefer alternative UI patterns.
  • Real-world scenarios across Angular projects showing typical panel layouts, headings, and content organization.

Quick Start

Follow these guidelines when implementing the Canopy accordion in your Angular project to ensure consistency and accessibility.

Dependency Matrix

Required Modules

None required

Components

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: canopy-accordion
Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-accordion

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.