From d6af7bf9007e1db56a521ac8f0f87f3c1f4a7e53 Mon Sep 17 00:00:00 2001 From: Frido Emans Date: Wed, 23 Oct 2024 23:34:41 +0200 Subject: [PATCH 1/2] Update transition-group.md - add detail about prop moveClass --- src/guide/built-ins/transition-group.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/guide/built-ins/transition-group.md b/src/guide/built-ins/transition-group.md index 055f46459a..a92361b10f 100644 --- a/src/guide/built-ins/transition-group.md +++ b/src/guide/built-ins/transition-group.md @@ -80,6 +80,9 @@ Now it looks much better - even animating smoothly when the whole list is shuffl [Full Example](/examples/#list-transition) +### Custom TransitionGroup classes +You can also specify custom transition classes for the moving element by passing the `moveClass` prop to ``, just like [custom transition classes on ``](https://vuejs.org/guide/built-ins/transition.html#custom-transition-classes). + ## Staggering List Transitions {#staggering-list-transitions} By communicating with JavaScript transitions through data attributes, it's also possible to stagger transitions in a list. First, we render the index of an item as a data attribute on the DOM element: From 05461b10c9423d372f97e04e8c8fba05415c3ef8 Mon Sep 17 00:00:00 2001 From: Natalia Tepluhina Date: Tue, 29 Oct 2024 09:01:55 +0100 Subject: [PATCH 2/2] Update src/guide/built-ins/transition-group.md --- src/guide/built-ins/transition-group.md | 1 + 1 file changed, 1 insertion(+) diff --git a/src/guide/built-ins/transition-group.md b/src/guide/built-ins/transition-group.md index a92361b10f..0fa3ce2467 100644 --- a/src/guide/built-ins/transition-group.md +++ b/src/guide/built-ins/transition-group.md @@ -81,6 +81,7 @@ Now it looks much better - even animating smoothly when the whole list is shuffl [Full Example](/examples/#list-transition) ### Custom TransitionGroup classes + You can also specify custom transition classes for the moving element by passing the `moveClass` prop to ``, just like [custom transition classes on ``](https://vuejs.org/guide/built-ins/transition.html#custom-transition-classes). ## Staggering List Transitions {#staggering-list-transitions}