canopy-side-nav
OfficialBest practices for Canopy Side Nav navigation.
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides guidance for implementing Canopy Side Nav navigation in Angular projects, helping teams build accessible, responsive side navigation with consistent behavior.
Core Features & Use Cases
- Clear import and usage guidance for Canopy Side Nav components such as LgSideNavComponent and LgSideNavBar, to create structured navigation regions.
- Design constraints and accessibility considerations, including labeling the navigation region and ensuring the side content area contains a router outlet for route-based content.
- Real-world use cases across account navigation, multi-page panels, and dashboards that require consistent, predictable side navigation behavior.
Quick Start
Follow the Canopy Side Nav best practices when implementing the side navigation in your Angular project to ensure accessibility and responsive behavior.
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: canopy-side-nav Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-side-nav 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.