From bb10b0cbfaee7a23588cda466ac25153352b2c36 Mon Sep 17 00:00:00 2001 From: "J. Degand" <70610011+jdegand@users.noreply.github.com> Date: Wed, 14 Aug 2024 05:45:08 -0400 Subject: [PATCH] docs(angular): add transitions & triggers content (#6562) --- .../transitions--triggers@Iv2d4sgODqMPzA9gH6RAw.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/angular/content/transitions--triggers@Iv2d4sgODqMPzA9gH6RAw.md b/src/data/roadmaps/angular/content/transitions--triggers@Iv2d4sgODqMPzA9gH6RAw.md index 012fab23c..41a14b32b 100644 --- a/src/data/roadmaps/angular/content/transitions--triggers@Iv2d4sgODqMPzA9gH6RAw.md +++ b/src/data/roadmaps/angular/content/transitions--triggers@Iv2d4sgODqMPzA9gH6RAw.md @@ -1 +1,9 @@ -# Transitions & Triggers \ No newline at end of file +# Transitions & Triggers + +In Angular, transition states can be defined explicitly through the `state()` function, or using the predefined `*` wildcard and `void` states. An asterisk `*` or wildcard matches any animation state. This is useful for defining transitions that apply regardless of the HTML element's start or end state. Use the `void` state to configure transitions for an element that is entering or leaving a page. + +Visit the following resources to learn more: + +- [@official@Angular Official Docs - Transition and Triggers](https://angular.dev/guide/animations/transition-and-triggers) +- [@video@Angular Animations: Learn the basics](https://www.youtube.com/watch?v=CGBcIz1tYec) +- [@video@How to use trigger function in Angular Animations](https://www.youtube.com/watch?v=3_B4OV5M_Ag) \ No newline at end of file