coreui-angular-ex/projects/coreui-angular/src/lib/nav/nav.component.ts

CoreUI Components Library for Angular

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

@Component({
  selector: 'c-nav',
  template: `<ng-content></ng-content>`,
  styleUrls: ['./nav.component.scss'],
  standalone: true
})
export class NavComponent {
  /**
   * Specify a layout type for component.
   * @type {'fill' | 'justified'}
   */
  @Input() layout?: 'fill' | 'justified';
  /**
   * Set the nav variant to tabs or pills.
   * @type {'tabs' | 'pills' | 'underline'}
   */
  @Input() variant?: '' | 'tabs' | 'pills' ;

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