Canopy Heading — Bonnes Pratiques

Ce qu'elle fait

Cette compétence documente les meilleures pratiques d'utilisation du LgHeadingComponent du système de design Canopy pour Angular. Elle explique quand utiliser le composant (à l'intérieur de composants wrappers où le niveau du titre doit être configurable), les entrées attendues et les contraintes de design pour préserver un plan de document logique.

Quand l'utiliser

Utilisez cette compétence lors de la création de composants Angular qui doivent rendre des titres à des niveaux sémantiques variables (1–6), par exemple pour des panneaux d'accordéon, des cartes ou d'autres composants wrappers où les consommateurs décident du niveau du titre. Évitez d'utiliser LgHeadingComponent pour des titres statiques de premier niveau dans les templates d'application.

Ce qui est inclus

• Scripts : aucun détecté dans le répertoire de la compétence
• Références : aucune attachée à ce SKILL.md
• Instructions : décrit l'importation, un exemple d'utilisation basique, l'entrée level requise et les contraintes de design pour maintenir la hiérarchie du document.

Agents compatibles

Il s'agit d'une compétence de documentation/bonnes pratiques pour les développeurs frontend et elle est agnostique aux outils. Outils d'agent pertinents : linters de code, intégrations Angular CLI et outils de développement (ex: codex/codex-cli, cursor).