القائمة
Removal notice for the Canopy Switch selector. Trigger whenever lg-switch, switch variant usage, or related imports appear in an Angular project using Canopy.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Apply the Canopy v36→v37 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v37, upgrade @legal-and-general/canopy from v36, or fix errors after upgrading to v37.
Best practices for Canopy list-with-icons usage. Trigger when using lg-list-with-icons, lg-list-with-icons-item, ordered list markers, or list item variant theming in Angular.
Apply the Canopy v35→v36 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v36, upgrade @legal-and-general/canopy from v35, or fix errors after upgrading to v36.
Best practices for the Canopy Header component. Trigger when adding a site header, primary navigation, account menu, notification badge, or logo in an Angular project using Canopy.
Best practices for the Canopy Pictogram component. Trigger when using lg-pictogram, LgPictogramComponent, or adding illustrative pictograms in an Angular project using Canopy.
Apply the Canopy v34→v35 breaking changes to an Angular project. Trigger when the user asks to migrate to Canopy v35, upgrade @legal-and-general/canopy from v34, or fix errors after upgrading to v35.
| name | canopy-forms-switch |
| description | Removal notice for the Canopy Switch selector. Trigger whenever lg-switch, switch variant usage, or related imports appear in an Angular project using Canopy. |
| license | MIT |
| metadata | {"source":"https://github.com/Legal-and-General/canopy/tree/master/projects/canopy/src/lib/forms/toggle/docs/switch/guide.mdx"} |
The
lg-switchselector has been removed from Canopy's public API. Existing switch usage should be migrated to supported components based on the interaction intent.
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>
Choose the replacement based on behaviour:
lg-segment or inline radios.lg-checkbox / LgToggleComponent).LgRadioGroupComponent.<!-- Example replacement with checkbox -->
<lg-checkbox formControlName="notifications" value="enabled">
Enable notifications
</lg-checkbox>
See also: forms-checkbox, forms-radio, forms-segment.
<lg-switch> in new templates.variant="switch" on LgToggleComponent.