Frontend
259 installs
angular-component
by analogjs/angular-skills
Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change…
Skill content
Build standalone Angular v20+ components with signals, OnPush detection, and modern control flow.
- 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
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';