Skills
.Work. You
Rest

canopy-shadow

Official

Best practices for Canopy shadow usage.

Software Engineering#angular#best-practices#ui-design#shadow#directive#canopy#lgshadow
AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provide guidance on applying the Canopy Shadow directive to ensure consistent, accessible shadows across Angular UI components.

Core Features & Use Cases

  • Consistent shadow usage for components like cards and containers using lgShadow.
  • Guidance on enabling an interactive hover state with hasHoverState for deeper shadows.
  • Clear documentation of when shadows should be applied to enhance usability without compromising accessibility.

Quick Start

Install and apply the Canopy Shadow directive by adding the lgShadow input to the element, and optionally enable hasHoverState for a deeper hover shadow.

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

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.