diff --git a/storybook/pages/LazyStackLayoutPage.qml b/storybook/pages/LazyStackLayoutPage.qml
new file mode 100644
index 0000000000..138c27b9a8
--- /dev/null
+++ b/storybook/pages/LazyStackLayoutPage.qml
@@ -0,0 +1,66 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+import StatusQ.Core.Utils 0.1
+
+ColumnLayout {
+    anchors.fill: parent
+
+    LazyStackLayout {
+        id: lazyStackLayout
+
+        currentIndex: indicator.currentIndex
+
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        Layout.margins: 100
+
+        Component {
+            Rectangle {
+                color: "green"
+
+                Component.onCompleted: console.log("GREEN LOADED")
+            }
+        }
+
+        Component {
+            Rectangle {
+                color: "red"
+
+                Component.onCompleted: console.log("RED LOADED")
+            }
+        }
+
+        Component {
+            Rectangle {
+                color: "yellow"
+
+                Component.onCompleted: console.log("YELLOW LOADED")
+            }
+        }
+    }
+
+    PageIndicator {
+        id: indicator
+
+        Layout.alignment: Qt.AlignHCenter
+
+        count: lazyStackLayout.count
+        interactive: true
+
+        delegate: Rectangle {
+            width: 40
+            height: 40
+            radius: 20
+            border.width: 2
+
+            Text {
+                anchors.centerIn: parent
+                text: index
+            }
+        }
+    }
+}
+
+// category: Controls