Avoid contradiction in Animation and Transition documentation

Instead of sharing the animation, create an inline component for it and
instantiate it twice. Also, fix Behavior to actually apply to color.

Fixes: QTBUG-40851
Change-Id: I7dce5acb121ac6d699d782d24cc77ed9f0fa94e7
Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 3 insertions, 6 deletions

diff --git a/src/quick/doc/src/concepts/statesanimations/animations.qdoc b/src/quick/doc/src/concepts/statesanimations/animations.qdoc
index 11d836f001..5867fe9585 100644
--- a/src/quick/doc/src/concepts/statesanimations/animations.qdoc
+++ b/src/quick/doc/src/concepts/statesanimations/animations.qdoc
@@ -282,13 +282,10 @@ animation is rather complex, you might also consider creating a custom animation
 component and assigning an instance to each Behavior, for example:
 
 \qml
-// MyNumberAnimation.qml
-NumberAnimation { id: anim; duration: 300; easing.type: Easing.InBack }
-\endqml
-
-\qml
-// main.qml
 Rectangle {
+    component MyNumberAnimation : NumberAnimation {
+        duration: 300; easing.type: Easing.InBack
+    }
     Behavior on x { MyNumberAnimation {} }
     Behavior on y { MyNumberAnimation {} }
 }