canopy-quick-action

Official

Implement Canopy Quick Actions with confidence.

AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides clear guidance on how to implement Canopy Quick Action components in Angular projects to ensure consistent, accessible, and correct usage across the UI.

Core Features & Use Cases

  • Guidance on when to use quick actions within cards, lists, and contextual panels.
  • Best practices for accessible labeling, icon usage, and layout to maintain a consistent Canopy experience.
  • Example scenarios showing how to implement lg-quick-action in templates and how it interacts with other UI elements.

Quick Start

Apply the lg-quick-action directive to a button or link element that includes an icon and label to render a contextual action.

Dependency Matrix

Required Modules

None required

Components

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-quick-action
Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-quick-action

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.