igniteui-angular-sovn
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
48 lines (39 loc) • 1.06 kB
Markdown
# Swing
Includes:
- swingInTopFwd
- swingInRightFwd
- swingInLeftFwd
- swingInBottomFwd
- swingInTopBck
- swingInRightBck
- swingInBottomBck
- swingInLeftBck
- swingOutTopFwd
- swingOutRightFwd
- swingOutBottomFwd
- swingOutLefttFwd
- swingOutTopBck
- swingOutRightBck
- swingOutBottomBck
- swingOutLeftBck
Default Params:
```typescript
const params: IAnimationParams = {
delay: "0s",
direction: "X",
duration: ".5s",
easing: EaseOut.back,
endAngle: 0,
endOpacity: 1,
startAngle: -100,
startOpacity: 0,
xPos: "top",
yPos: "center",
};
```
## Sample Usage
If parameters are attached, they act as default values. When an animation is invoked via [`useAnimation`](https://angular.io/api/animations/useAnimation) then parameter values are allowed to be passed in directly. If any of the passed in parameter values are missing then the default values will be used.
```typescript
import { swingInTopFwd } from "igniteui-angular-sovn/animations/main";
useAnimation(swingInTopFwd);
```