diff --git a/projects/core/src/lib/icon/icon.component.html b/projects/core/src/lib/icon/icon.component.html
index 3e18a582..9ab6e170 100644
--- a/projects/core/src/lib/icon/icon.component.html
+++ b/projects/core/src/lib/icon/icon.component.html
@@ -1,13 +1,13 @@
-
-
+
+
- 0 && !dot" [@.disabled]="animationDisabled" [@scaleAnim]="badgeState"
- (@scaleAnim.done)="incrementDone($event)" class="indicator-badge">
+ 0 && !dot" [@scaleAnim]="badgeState" (@scaleAnim.done)="incrementDone($event)"
+ class="indicator-badge">
{{badge}}
9">9+
\ No newline at end of file
diff --git a/projects/core/src/lib/icon/icon.component.ts b/projects/core/src/lib/icon/icon.component.ts
index ed5ba4a2..43e8636b 100644
--- a/projects/core/src/lib/icon/icon.component.ts
+++ b/projects/core/src/lib/icon/icon.component.ts
@@ -4,7 +4,8 @@ import {
Input,
ChangeDetectionStrategy,
Output,
- EventEmitter
+ EventEmitter,
+ HostBinding
} from '@angular/core';
import {
trigger,
@@ -59,7 +60,11 @@ export class FivIcon implements OnInit {
@Input() slot: string;
@Input() smallIcon: string;
@Input() off = false;
- @Input() animationDisabled = false;
+
+ @Input()
+ @HostBinding('@.disabled')
+ animationDisabled = false;
+
@Output() transitionDone = new EventEmitter();
indicatorState: 'normal' | 'scale' = 'scale';