Skills
.Work. You
Rest

canopy-footer

Official

Best practices for Canopy's footer components.

Software Engineering#angular#navigation#footer#logo#canopy#lg-footer
AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Canopy Footer Best Practices skill provides usage guidance and input references for the Canopy footer components, helping teams implement consistent footers in Angular projects using Canopy.

Core Features & Use Cases

  • Guidance on applying the lg-footer attribute to a footer element and composing it with the LgFooterNavComponent and LgFooterLogoComponent.
  • Clear inputs and usage patterns for LgFooterNavComponent and LgFooterLogoComponent, including constraints and recommended props.
  • Design constraints and best practices to ensure accessibility and consistent behavior across footers.

Quick Start

Apply the lg-footer attribute to a footer element and compose it with LgFooterLogoComponent and LgFooterNavComponent.

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

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.