Canopy Quick Action - REMOVED

SkillDev tools

Removal notice for the Canopy Quick Action directive. Trigger whenever lg-quick-action, LgQuickActionComponent, 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 Quick Action - REMOVED skill

What this skill tells your AI

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

LgQuickActionComponent and the lg-quick-action directive have been removed from Canopy's public API. Replace quick actions with supported button or link patterns.


What to Remove

Remove quick action imports:

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

Remove quick action template usage:

<!-- Remove: -->
<button lg-quick-action>
  <lg-icon name="information-filled" />
  Find out more
</button>

What to Replace It With

  1. Action in context: use lg-button with priority="link".
  2. Navigation between pages/routes: use the Link component.
  3. Primary/secondary actions: use standard button priorities.
<!-- Recommended replacement for contextual actions -->
<button lg-button type="button" priority="link">
  <lg-icon name="information-filled" />
  Find out more
</button>

See also: button, link.


Don't

  1. Don't use lg-quick-action in new templates.
  2. Don't import LgQuickActionComponent in standalone component imports.
  3. Don't recreate quick action styling with ad-hoc CSS; use existing button/link patterns.

Signals

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