canopy-flag-icon
OfficialBest practices for the Canopy Flag Icon.
Software Engineering#accessibility#angular#best-practices#design-system#ui-component#canopy#flag-icon
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides guidance on the correct usage and conventions for the Canopy Flag Icon component to ensure consistent implementation and accessibility in Angular projects.
Core Features & Use Cases
- Import guidance: recommended import path for LgFlagIconComponent from the canopy library.
- Usage patterns: how to render the flag icon in templates with a name attribute and proper Angular integration.
- Accessibility & consistency: considerations to maintain contrast, descriptive text, and alignment with the design system.
Quick Start
Import LgFlagIconComponent from '@legal-and-general/canopy' and render the flag icon in your template using a name attribute, following the recommended pattern.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canopy-flag-icon Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-flag-icon Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.