1 min read 65 words Updated Sep 24, 2026 Created Sep 24, 2026
#angular

Similar to the idea of props in other libraries, Angular components can accept data or pass data.

The decorators @Input (old) and @Output (old) are no longer recommended for new projects.

Signal-based input & output

import {Component, input} from '@angular/core';

@Component(/* ... */)
export class CustomSlider {
  value = input(0);
}

We can then receive: <custom-slider [value]="50" />

Two-way data binding