canopy-carousel
Deprecation notice for the Canopy Carousel component. Trigger whenever lg-carousel, LgCarouselComponent, LgCarouselItemComponent, or LgAutoplayComponent appear in an Angular project using Canopy.
Install
mkdir -p .claude/skills/canopy-carousel && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16344" && unzip -o skill.zip -d .claude/skills/canopy-carousel && rm skill.zipInstalls to .claude/skills/canopy-carousel
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Deprecation notice for the Canopy Carousel component. Trigger whenever lg-carousel, LgCarouselComponent, LgCarouselItemComponent, or LgAutoplayComponent appear in an Angular project using Canopy.About this skill
Canopy Carousel — DEPRECATED
LgCarouselComponentis deprecated and will be removed in a future version of Canopy. Do not use this component in new work, and migrate away from it in existing code.
Migration
Remove all usage of lg-carousel, LgCarouselComponent, LgCarouselItemComponent, and LgAutoplayComponent. No documented replacement is available.
What to Remove
Remove the following imports from your NgModule or standalone component imports array:
// Remove these:
import {
LgCarouselComponent,
LgCarouselItemComponent,
} from '@legal-and-general/canopy';
Remove any lg-carousel and lg-carousel-item elements from your templates:
<!-- Remove: -->
<lg-carousel [headingLevel]="2" description="Our highlights">
<lg-carousel-item>...</lg-carousel-item>
<lg-carousel-item>...</lg-carousel-item>
</lg-carousel>
Don't
- Don't use
lg-carouselin new feature work. - Don't add
LgCarouselComponentto any new standalone component'simportsarray.