This skill documents best-practice usage of the LgHeadingComponent from the Canopy design system for Angular. It explains when to use the component (inside wrapper components where heading level must be configurable), the expected inputs, and design constraints to preserve a logical document outline.
Use this skill when building Angular components that must render headings at variable semantic levels (1–6), for example accordion panels, cards, or other wrapper components where consumers decide heading level. Avoid using LgHeadingComponent for static, top-level headings in application templates.
level input, and design constraints for maintaining document hierarchy.This is a documentation/best-practice skill for frontend developers and is tool-agnostic. Relevant agent tooling: code linters, Angular CLI integrations, and developer tooling (e.g., codex/codex-cli, cursor).
This skill has not been reviewed by our automated audit pipeline yet.
