я есть пользовательский компонент:

@Component({
    selector: 'my-custom-component',
    templateUrl: './my-custom-component.html',
    styleUrls: ['./my-custom-component.css']
})
export class MyCustomComponent {
    constructor() {
        console.log('myCustomComponent');
    }
}

Я могу использовать это так:

<my-custom-component></my-custom-component>

Но как я могу передать переменную? Например:

<my-custom-component custom-title="My Title"></my-custom-component>

И использовать это в моем коде компонента?