Consolidate Canopy Modal usage guidance for Angular projects.
npx skills add https://github.com/Legal-and-General/canopy --skill canopy-modal
Please help me install this Agent Skill. Skill: canopy-modal Source: https://github.com/Legal-and-General/canopy/tree/main/skills/best-practice/modal Command: npx skills add https://github.com/Legal-and-General/canopy --skill canopy-modal
Best practices for using the Canopy Modal component across Angular projects, ensuring consistent behavior, accessibility, and UX.
Install canopy modal guidance, import the modal components in your Angular module, and use lgModalTrigger to open a modal.
High-intent search queries and answers about installing and using this skill.
To open a Canopy Modal in Angular, import the modal components into your module and use the lgModalTrigger directive on a button for declarative trigger, or use LgModalService for programmatic open and close flows.
Yes, LgModalService allows programmatic control of modals in Angular projects, allowing you to manage open and close flows dynamically instead of relying on declarative lgModalTrigger buttons.
To open a Canopy Modal declaratively in an Angular app, import the modal components into your module and apply the lgModalTrigger directive to a button to trigger the modal opening automatically.
Use a declarative lgModalTrigger on a button for simple modal openings, and use LgModalService for complex programmatic open and close flows requiring dynamic control within your Angular application.
Focus management is important for Angular modal components because it ensures accessibility and consistent UX, allowing keyboard users to dismiss modals properly and navigate content without losing context.
Legal-and-GeneralDocument Canopy filter button patterns for Angular single and multi-select controls.
vincent119Standardizes UI component behavior and accessibility for web and mobile interfaces.
Legal-and-GeneralTransform strings to kebab-case in Angular templates with Canopy's LgKebabCasePipe.
lobehubCreate and manage modal dialogs programmatically using createModal from @lobehub/ui.
