1 files changed, 124 insertions, 0 deletions
diff --git a/src/quick/doc/snippets/qml/borderimage/borderimage-rounded.qml b/src/quick/doc/snippets/qml/borderimage/borderimage-rounded.qml
new file mode 100644
index 0000000000..a0b9cc680b
--- /dev/null
+++ b/src/quick/doc/snippets/qml/borderimage/borderimage-rounded.qml
@@ -0,0 +1,124 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+
+Rectangle {
+    id: page
+    color: "white"
+    width: 182; height: 164
+
+//! [tiled border image]
+BorderImage {
+    anchors { fill: parent; margins: 6 }
+    border { left: 30; top: 30; right: 30; bottom: 30 }
+    horizontalTileMode: BorderImage.Round
+    verticalTileMode: BorderImage.Round
+    source: "pics/borderframe.png"
+}
+//! [tiled border image]
+
+    Rectangle {
+        anchors.fill: parent
+        anchors.margins: 5
+        color: "transparent"
+        border.color: "gray"
+
+        Rectangle {
+            x: 30; y: 0
+            width: 1; height: parent.height
+            color: "gray"
+
+            Text {
+                text: "1"
+                font.pixelSize: 9
+                color: "red"
+                anchors.right: parent.right
+                anchors.rightMargin: 1
+                y: 20
+            }
+
+            Text {
+                text: "4"
+                font.pixelSize: 9
+                color: "red"
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: parent.right
+                anchors.rightMargin: 1
+            }
+
+            Text {
+                text: "7"
+                font.pixelSize: 9
+                color: "red"
+                y: parent.height - 30
+                anchors.right: parent.right
+                anchors.rightMargin: 1
+            }
+        }
+
+        Rectangle {
+            x: parent.width - 30; y: 0
+            width: 1; height: parent.height
+            color: "gray"
+
+            Text {
+                text: "3"
+                font.pixelSize: 9
+                color: "red"
+                x: 1
+                y: 20
+            }
+
+            Text {
+                text: "6"
+                font.pixelSize: 9
+                color: "red"
+                x: 1
+                anchors.verticalCenter: parent.verticalCenter
+            }
+
+            Text {
+                text: "9"
+                font.pixelSize: 9
+                color: "red"
+                x: 1
+                y: parent.height - 30
+            }
+        }
+
+        Text {
+            text: "5"
+            font.pixelSize: 9
+            color: "red"
+            anchors.centerIn: parent
+        }
+
+        Rectangle {
+            x: 0; y: 30
+            width: parent.width; height: 1
+            color: "gray"
+
+            Text {
+                text: "2"
+                font.pixelSize: 9
+                color: "red"
+                anchors.horizontalCenter: parent.horizontalCenter
+                y: -10
+            }
+        }
+
+        Rectangle {
+            x: 0; y: parent.height - 30
+            width: parent.width; height: 1
+            color: "gray"
+
+            Text {
+                text: "8"
+                font.pixelSize: 9
+                color: "red"
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+        }
+    }
+}