2 files changed, 70 insertions, 0 deletions
diff --git a/src/quick/doc/snippets/qml/pathrectangle/pathrectangle-bevel.qml b/src/quick/doc/snippets/qml/pathrectangle/pathrectangle-bevel.qml
new file mode 100644
index 0000000000..90ad562e0b
--- /dev/null
+++ b/src/quick/doc/snippets/qml/pathrectangle/pathrectangle-bevel.qml
@@ -0,0 +1,34 @@
+// Copyright (C) 2024 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Shapes
+
+Window {
+    width: rectangleShape.width + 10
+    height: rectangleShape.height + 10
+    visible: true
+    flags: Qt.FramelessWindowHint
+
+//! [shape]
+    Shape {
+        id: rectangleShape
+        width: 200
+        height: 150
+        anchors.centerIn: parent
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            fillColor: "#3ad23c"
+
+            PathRectangle {
+                width: rectangleShape.width
+                height: rectangleShape.height
+                topLeftRadius: 30
+                bottomRightRadius: 30
+                bevel: true
+            }
+        }
+    }
+//! [shape]
+}
diff --git a/src/quick/doc/snippets/qml/pathrectangle/pathrectangle.qml b/src/quick/doc/snippets/qml/pathrectangle/pathrectangle.qml
new file mode 100644
index 0000000000..a51a5a403d
--- /dev/null
+++ b/src/quick/doc/snippets/qml/pathrectangle/pathrectangle.qml
@@ -0,0 +1,36 @@
+// Copyright (C) 2024 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Shapes
+
+Window {
+    width: rectangleShape.width + 10
+    height: rectangleShape.height + 10
+    visible: true
+    flags: Qt.FramelessWindowHint
+
+//! [shape]
+    Shape {
+        id: rectangleShape
+        width: 200
+        height: 150
+        anchors.centerIn: parent
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            strokeColor: "black"
+            strokeWidth: 4
+            joinStyle: ShapePath.MiterJoin
+
+            PathRectangle {
+                width: rectangleShape.width
+                height: rectangleShape.height
+                radius: 10
+                topLeftRadius: 0
+                bottomRightBevel: true
+            }
+        }
+    }
+//! [shape]
+}