canopy-list
OfficialBest practices for Canopy list styles.
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides guidance on applying Canopy list styles to ensure consistent, accessible rendering of unordered lists, ordered lists, and icon lists in Angular projects.
Core Features & Use Cases
- Guidance on when to use standard lists, expressive ordered lists, and icon-enabled lists with Canopy styles.
- Instructions for using the LgListWithIconsComponent and LgListWithIconsItemComponent and how to tint icons with CSS tokens.
- Practical usage: implement a uniform list presentation across features that require icons or expressive numbering.
Quick Start
Import the Canopy list components and apply them to your list markup in your Angular project to style unordered, ordered, and icon lists.
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-list Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-list 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.