comp(loading-button) add class property

Hacklone · Sep 21, 2021 · 29932a4 · 29932a4
1 parent 856ea73
commit 29932a4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/projects/loading-button/package.json b/projects/loading-button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@angular-cool/loading-button",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "description": "Cool button with loading indicator for angular",
   "peerDependencies": {
     "@angular/common": ">=10.0.0",

diff --git a/projects/loading-button/src/lib/cool-loading-button.component.html b/projects/loading-button/src/lib/cool-loading-button.component.html
@@ -1,6 +1,7 @@
 <button mat-raised-button
         [color]="color"
         [disabled]="disabled || isLoading"
+        class="{{ innerClass }}"
         (click)="onClick()">
   <mat-spinner *ngIf="isLoading" [color]="spinnerColor" [diameter]="20" class="spinner"></mat-spinner>
 

diff --git a/projects/loading-button/src/lib/cool-loading-button.component.ts b/projects/loading-button/src/lib/cool-loading-button.component.ts
@@ -34,6 +34,9 @@ export class CoolLoadingButtonComponent<T> {
   @Output()
   public loadingFinished = new EventEmitter<void>();
 
+  @Input('class')
+  public innerClass: string = '';
+
   public async onClick() {
     if (this.disabled || this.isLoading || !this.clickHandler) {
       return;