Canopy Shadow Directive — REMOVED

SkillDev tools

Removal notice for the Canopy Shadow directive. Trigger whenever lgShadow, LgShadowDirective, hasHoverState, or related imports appear in an Angular project using Canopy.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Canopy Shadow Directive — REMOVED skill

What this skill tells your AI

The instructions your AI receives, as published by legal-and-general/canopy in skills/best-practice/shadow/SKILL.md and read by ahel’s review.

LgShadowDirective was removed from Canopy's public API in v30 as part of brand modernisation. Any code that still references it will fail at compile time.


What to Remove

Remove the following imports:

// Remove:
import { LgShadowDirective } from '@legal-and-general/canopy';

Remove any lgShadow directive attributes from your templates:

<!-- Remove: -->
<div [lgShadow]="true"></div>
<div [lgShadow]="true" [hasHoverState]="true"></div>

Don't

  1. Don't use lgShadow in new feature work.
  2. Don't add LgShadowDirective to any new standalone component's imports array.

Signals

GitHub stars
23
Forks
46
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
canopy-shadow
Source
github.com/legal-and-general/canopy