styled icon button

components/StyledIconButton.qml

@@ -0,0 +1,38 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls
+
+RoundButton {
+    id: control
+
+    radius: 8
+    font.family: Theme.lucide.font.family
+    font.pixelSize: 15
+    font.bold: true
+    padding: 8
+
+    HoverHandler {
+        cursorShape: Qt.PointingHandCursor
+    }
+
+    contentItem: Text {
+        text: control.text
+        color: control.hovered ? Theme.palette.primarycontent : Theme.palette.basecontent
+        Behavior on color {
+            ColorAnimation {
+                duration: 100
+            }
+        }
+        font: control.font
+    }
+
+    background: Rectangle {
+        color: control.hovered ? Theme.palette.primary : Theme.palette.base100
+        Behavior on color {
+            ColorAnimation {
+                duration: 100
+            }
+        }
+        radius: control.radius
+    }
+}