coreui-angular-ex/projects/coreui-angular/src/lib/table/table-active.directive.ts

CoreUI Components Library for Angular

import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core';

@Directive({
  selector: '[cTableActive]',
  standalone: true
})
export class TableActiveDirective {

  /**
   * Highlight a table row or cell
   * @type boolean
   */
  @Input({ alias: 'cTableActive', transform: booleanAttribute }) active: string | boolean = false;

  @HostBinding('class')
  get hostClasses(): any {
    return {
      'table-active': this.active
    };
  }
}