angular-component

Build standalone Angular v20+ components with signals, OnPush detection, and modern control flow. Create standalone components for Angular v20+. Components are standalone by default—do NOT set standalone: true . Use the host object in @Component —do NOT use @HostBinding or @HostListener decorators. Components MUST: Use native control flow—do NOT use *ngIf , *ngFor , *ngSwitch . Do NOT use ngClass or ngStyle . Use direct bindings: Use NgOptimizedImage for static images: For detailed patterns, see references/component-patterns.md . - Signal-based inputs and outputs replace traditional @Input and @Output decorators, with support for required inputs, defaults, transforms, and computed values - Host bindings configured via the host object enable dynamic class/style/attribute binding and event listeners without decorator syntax - Native control flow ( @if , @for , @switch ) replaces structural directives; direct class and style bindings replace ngClass and ngStyle - Content projection with named slots, lifecycle hooks via afterRender / afterNextRender , and mandatory WCAG AA accessibility compliance with ARIA attributes and keyboard support - Pass AXE accessibility checks - Meet WCAG AA standards - Include proper ARIA attributes for interactive elements - Support keyboard navigation - Maintain visible focus indicators