abp/npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts

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

@Component({
  selector: 'abp-button',
  template: `
    <button [attr.type]="buttonType" [ngClass]="buttonClass" [disabled]="loading || disabled">
      <i [ngClass]="icon" class="mr-1"></i><ng-content></ng-content>
    </button>
  `,
})
export class ButtonComponent {
  @Input()
  buttonClass: string = 'btn btn-primary';

  @Input()
  buttonType: string = 'button';

  @Input()
  iconClass: string;

  @Input()
  loading: boolean = false;

  @Input()
  disabled: boolean = false;

  get icon(): string {
    return `${this.loading ? 'fa fa-spin fa-spinner' : this.iconClass || 'd-none'}`;
  }
}