coreui-angular-ex/projects/coreui-angular/src/lib/utilities/align.directive.ts

CoreUI Components Library for Angular

import { Directive, HostBinding, Input } from '@angular/core';
import { Alignment } from '../coreui.types';

@Directive({
  selector: '[cAlign]',
  standalone: true
})
export class AlignDirective {
  /**
   * Set vertical alignment of inline, inline-block, inline-table, and table cell elements
   * @type Alignment
   */
  @Input('cAlign') align?: Alignment;

  @HostBinding('class')
  get hostClasses(): any {
    return {
      [`align-${this.align}`]: !!this.align,
    };
  }

}