Narrow Type Angular Directive

Imagine we have directive that customizes the checkbox color and interaction.

import { Directive } from '@angular/core';

@Directive({
  selector: '[tsn-checkbox]',
})
export class TnbCheckbox {  
}

We want to make our checkbox checked base on certain condition.

I know we can use accent-color to change the