3 files changed, 100 insertions, 1 deletions
diff --git a/src/quick/doc/snippets/qml/gridlayout_with_span.qml b/src/quick/doc/snippets/qml/gridlayout_with_span.qml
new file mode 100644
index 0000000000..b9d0f1b1c3
--- /dev/null
+++ b/src/quick/doc/snippets/qml/gridlayout_with_span.qml
@@ -0,0 +1,43 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+//! [gridlayout-with-span]
+ApplicationWindow {
+    id: root
+    width: 300
+    height: 300
+    visible: true
+
+    GridLayout {
+       rows: 2
+       columns: 3
+       Rectangle {
+           color: 'cyan'
+           implicitWidth: 50
+           implicitHeight: 50
+       }
+       Rectangle {
+           color: 'magenta'
+           implicitWidth: 50
+           implicitHeight: 50
+       }
+       Rectangle {
+           color: 'yellow'
+           implicitWidth: 50
+           implicitHeight: 50
+       }
+       Rectangle {
+           color: 'black'
+           implicitWidth: 50
+           implicitHeight: 50
+           Layout.columnSpan: 3
+           Layout.alignment: Qt.AlignHCenter
+       }
+    }
+}
+//! [gridlayout-with-span]
+
diff --git a/src/quick/doc/snippets/qml/layout_with_default_spacing.qml b/src/quick/doc/snippets/qml/layout_with_default_spacing.qml
new file mode 100644
index 0000000000..f39f78a9a2
--- /dev/null
+++ b/src/quick/doc/snippets/qml/layout_with_default_spacing.qml
@@ -0,0 +1,56 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+//! [layout-with-default-spacing]
+ApplicationWindow {
+    id: root
+    width: 300
+    height: 300
+    visible: true
+
+    RowLayout {
+        anchors.fill: parent
+        ColumnLayout {
+            Rectangle {
+                color: "tomato";
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+            }
+            RowLayout {
+                Rectangle {
+                    color: "navajowhite"
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                }
+                Rectangle {
+                    color: "darkseagreen"
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                }
+            }
+        }
+        ColumnLayout {
+            Rectangle {
+                color: "lightpink"
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+            }
+            Rectangle {
+                color: "slategray"
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+            }
+            Rectangle {
+                color: "lightskyblue"
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+            }
+        }
+    }
+}
+//! [layout-with-default-spacing]
+
diff --git a/src/quick/doc/snippets/qml/windowconstraints.qml b/src/quick/doc/snippets/qml/windowconstraints.qml
index 9c4868f00f..87424ffe79 100644
--- a/src/quick/doc/snippets/qml/windowconstraints.qml
+++ b/src/quick/doc/snippets/qml/windowconstraints.qml
@@ -25,7 +25,7 @@ Window {
     //! [anchoring]
         spacing: 6
         Rectangle {
-            color: 'azure'
+            color: 'orange'
             Layout.fillWidth: true
             Layout.minimumWidth: 50
             Layout.preferredWidth: 100