angular-directives

What problem does it solve?

Angular projects often duplicate directive logic across components. This Skill provides a structured approach to building reusable, composable directives that extend DOM behavior in Angular v20+.

Core Features & Use Cases

• Attribute directives for modifying element behavior and appearance.
• Structural directives for portals, overlays, and dynamic insertion points.
• Host directives for composing reusable behaviors on components.
• Directive Composition API to combine multiple directives on a single element or component.
• See references/directive-patterns.md for advanced patterns and best practices.

Quick Start

Create a new directive file, decorate it with @Directive and a selector (for example appHighlight), implement the behavior, and use it in templates like <p appHighlight="yellow">Highlighted</p>.