usage.md

Animations | Usage

• Component ()
• Directive ()
• Service ()

app.module.ts

//...

Usage

shakeState = 'start'; // start end
<div [@Shake]="shakeState"></div>
<div [@ShakeAuto]></div>

<div [@FadeInOut]></div>
<div [@FlyInOut]="'in'"></div>
<div [@Overlay]="'enter'"></div>
<div [@ShrinkOut]="'in'"></div>

import {FlyInOut, FadeInOut, Overlay, ShakeAuto, Shake, ShrinkOut} from '@qrsln/utils/Animations';

 @Component({
  //...
  animations: [ShrinkOut, ShakeAuto, Shake, FlyInOut, FadeInOut, Overlay],
})