move styled list view

components/StyledListView.qml

@@ -1,10 +1,16 @@
 import QtQuick
+import QtQuick.Controls
 
 ListView {
     id: root
 
+    clip: true
     maximumFlickVelocity: 3000
 
+    ScrollBar {
+        orientation: root.orientation == ListView.Vertical ? Qt.Vertical : Qt.Horizontal
+    }
+
     rebound: Transition {
         NumberAnimation {
             properties: "x,y"

modules/launcher/AppList.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import "items"
 import "services"
+import qs.components
 import qs.config
 import qs.widgets
 import Quickshell
@@ -21,7 +22,7 @@ StyledListView {
 
         onValuesChanged: root.currentIndex = 0
         values: Apps.query(search.text)
-      }
+    }
 
     spacing: 12
 
@@ -45,7 +46,7 @@ StyledListView {
         id: appItem
 
         AppItem {
-          active: ListView.isCurrentItem
+            active: ListView.isCurrentItem
         }
     }
 }

modules/storybook/Storybook.qml

@@ -1,9 +1,10 @@
 pragma ComponentBehavior: Bound
 
+import qs.widgets
 import qs.components
+import qs.config
 import qs.constants
 import qs.services
-import qs.widgets
 import Quickshell.Hyprland
 import Quickshell.Wayland
 import QtQuick
@@ -98,7 +99,7 @@ StyledWindow {
 
             ColumnLayout {
                 StyledText {
-                    text: "Progress Bar"
+                    text: "ProgressBar"
                     font.pixelSize: 18
                 }
                 StyledProgressBar {
@@ -111,6 +112,25 @@ StyledWindow {
                 }
             }
 
+            ColumnLayout {
+                StyledText {
+                    text: "ListView"
+                    font.pixelSize: 18
+                }
+                StyledWrapperRectangle {
+                    border.color: Theme.palette.base100
+                    border.width: 2
+                    StyledListView {
+                        implicitWidth: 200
+                        implicitHeight: 100
+                        model: 10
+                        delegate: StyledText {
+                            text: "Hello world!"
+                        }
+                    }
+                }
+            }
+
             ColumnLayout {
                 StyledText {
                     text: "Mpris Player Selector"