import animations to home comp
This commit is contained in:
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
|
|||||||
|
|
||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatButtonModule } from '@angular/material/button';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
|
import { slidInAnimations, wobbleAnimation } from '../animations/animations';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
standalone: true,
|
standalone: true,
|
||||||
@@ -9,5 +10,12 @@ import { MatIconModule } from '@angular/material/icon';
|
|||||||
imports: [MatButtonModule, MatIconModule],
|
imports: [MatButtonModule, MatIconModule],
|
||||||
templateUrl: './home.component.html',
|
templateUrl: './home.component.html',
|
||||||
styleUrl: './home.component.scss',
|
styleUrl: './home.component.scss',
|
||||||
|
animations: [slidInAnimations, wobbleAnimation],
|
||||||
})
|
})
|
||||||
export class HomeComponent {}
|
export class HomeComponent {
|
||||||
|
isWobbling = true;
|
||||||
|
|
||||||
|
onwobbleDone() {
|
||||||
|
this.isWobbling = !this.isWobbling;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user