canopy-table
OfficialCanopy Table: best practices guide
Software Engineering#angular#best-practices#responsive-design#ui-components#table#canopy#table-accessibility
AuthorLegal-and-General
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides structured, reusable guidance for implementing Canopy Table components in Angular projects, reducing misconfiguration and inconsistencies across apps.
Core Features & Use Cases
- Clear guidance on when and how to use LgTableComponent and related table directives (head, body, cells, row toggles, and expanded detail components) to build accessible, responsive tables.
- Do's and Don'ts for table design, including guidance on alignment, responsive behavior, and visual variants (striped, bordered).
- Design constraints and recommended input patterns to ensure consistency with Canopy styling and accessibility requirements.
Quick Start
Follow these best practices when implementing a Canopy table in an Angular project to ensure accessible, responsive tables.
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-table Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-table 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.