From 5952f8673492b504430f226a24aaa21a59943984 Mon Sep 17 00:00:00 2001 From: "J. Degand" <70610011+jdegand@users.noreply.github.com> Date: Wed, 14 Aug 2024 05:44:44 -0400 Subject: [PATCH] docs(angular): add reusable animations content (#6559) --- .../reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/angular/content/reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md b/src/data/roadmaps/angular/content/reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md index 3822be227..7db610951 100644 --- a/src/data/roadmaps/angular/content/reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md +++ b/src/data/roadmaps/angular/content/reusable-animations@M1CU2Yq6dLp4yOuGV0fhF.md @@ -1 +1,9 @@ -# Reusable Animations \ No newline at end of file +# Reusable Animations + +To create a reusable animation, use the `animation()` function to define an animation in a separate .ts file and declare this animation definition as a const export variable. You can then import and reuse this animation in any of your application components using the `useAnimation()` function. + +Visit the following resources to learn more: + +- [@official@Angular Official Docs - Reusable Animations](https://angular.dev/guide/animations/reusable-animations) +- [@article@Reusable Animations with Angular](https://catalincodes.com/posts/reusable-animations-with-angular) +- [@video@Angular Animations: Creating reusable animations!](https://www.youtube.com/watch?v=ObYCutiBOTo) \ No newline at end of file