angular-component
Installation
Summary
Build standalone Angular v20+ components with signals, OnPush detection, and modern control flow.
- Signal-based inputs and outputs replace traditional
@Inputand@Outputdecorators, with support for required inputs, defaults, transforms, and computed values - Host bindings configured via the
hostobject 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 replacengClassandngStyle - Content projection with named slots, lifecycle hooks via
afterRender/afterNextRender, and mandatory WCAG AA accessibility compliance with ARIA attributes and keyboard support
SKILL.md
Angular Component
Create standalone components for Angular v20+. Components are standalone by default—do NOT set standalone: true.
Component Structure
import { Component, ChangeDetectionStrategy, input, output, computed } from '@angular/core';