Skills
.Work. You
Rest

canopy-forms-input

Official

Best practices for Canopy text inputs.

Software Engineering#accessibility#angular#guidance#forms#best-practices#input#canopy
AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Best practices for Canopy text inputs help developers create accessible, consistent, and maintainable Angular forms using the lg-input-field component from Canopy.

Core Features & Use Cases

  • Clear labeling, hints, validation, and adornments for text inputs.
  • Guidelines for prefixes, suffixes, and input buttons to improve UX and accessibility.
  • Practical implementation references and examples for common form scenarios in Angular projects.

Quick Start

Apply Canopy text input best practices in a new Angular form by using LgInputField with proper labels, hints, and an optional prefix or suffix as needed.

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

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.