feat: animated text changes

1 files changed, 28 insertions, 0 deletions

diff --git a/widgets/StyledText.qml b/widgets/StyledText.qml
index ed5d791..6f281de 100644
--- a/widgets/StyledText.qml
+++ b/widgets/StyledText.qml
@@ -1,9 +1,14 @@
+pragma ComponentBehavior: Bound
+
 import "root:/config"
 import QtQuick
 
 Text {
     id: root
 
+    property bool animate: false
+    property string animateProp: "opacity"
+
     renderType: Text.NativeRendering
     color: Appearance.colours.text
     font.family: Appearance.font.family.sans
@@ -15,4 +20,27 @@ Text {
             easing.bezierCurve: Appearance.anim.curves.standard
         }
     }
+
+    Behavior on text {
+        enabled: root.animate
+
+        SequentialAnimation {
+            Anim {
+                to: 0
+                easing.bezierCurve: Appearance.anim.curves.standardAccel
+            }
+            PropertyAction {}
+            Anim {
+                to: 1
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        target: root
+        property: root.animateProp
+        duration: Appearance.anim.durations.small
+        easing.type: Easing.BezierSpline
+    }
 }