Canopy Forms Switch - REMOVED

SkillDev tools

Removal notice for the Canopy Switch selector. Trigger whenever lg-switch, switch variant usage, 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 Forms Switch - REMOVED skill

What this skill tells your AI

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

The lg-switch selector has been removed from Canopy's public API. Existing switch usage should be migrated to supported components based on the interaction intent.


What to Remove

Remove switch imports/usages and selector-based switch templates:

<!-- Remove: -->
<lg-switch formControlName="notifications" value="enabled">
  Enable notifications
</lg-switch>

<!-- Remove: -->
<lg-toggle variant="switch">Enable notifications</lg-toggle>

What to Replace It With

Choose the replacement based on behaviour:

  1. Immediate on/off choice where users compare options: use lg-segment or inline radios.
  2. Selection that is reviewed and submitted later: use checkbox (lg-checkbox / LgToggleComponent).
  3. Single-choice form options from a defined set: use LgRadioGroupComponent.
<!-- Example replacement with checkbox -->
<lg-checkbox formControlName="notifications" value="enabled">
  Enable notifications
</lg-checkbox>

See also: forms-checkbox, forms-radio, forms-segment.


Don't

  1. Don't use <lg-switch> in new templates.
  2. Don't use variant="switch" on LgToggleComponent.
  3. Don't add switch-specific guidance to new design documentation.

Signals

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