Content/ContentWrapper documentation.

3 files changed, 14 insertions, 11 deletions

diff --git a/doc/src/declarative/pics/content.png b/doc/src/declarative/pics/content.png
new file mode 100644
index 0000000..47a98ac
--- /dev/null
+++ b/doc/src/declarative/pics/content.png
diff --git a/doc/src/snippets/declarative/GroupBox.qml b/doc/src/snippets/declarative/GroupBox.qml
index a8ff5be..fd8d60b 100644
--- a/doc/src/snippets/declarative/GroupBox.qml
+++ b/doc/src/snippets/declarative/GroupBox.qml
@@ -1,11 +1,13 @@
 ContentWrapper {
-    id: Container; width: parent.width
-    Rect {
-        width: parent.width; color: "white"; pen.width: 2; pen.color: "#adaeb0"; radius: 10
-        clip: false; height: contents.height
-        VerticalLayout {
-            id: layout; width: parent.width
-            Content {}
+    id: Container; width: parent.width; height: contents.height
+    children: [
+        Rect {
+            width: parent.width; height: contents.height
+            color: "white"; pen.width: 2; pen.color: "#adaeb0"; radius: 10
+            VerticalLayout {
+                id: layout; width: parent.width; margin: 5; spacing: 2
+                Content { }
+            }
         }
-    }
+    ]
 }
diff --git a/doc/src/snippets/declarative/content.qml b/doc/src/snippets/declarative/content.qml
index be04c6e..6f9e0d8 100644
--- a/doc/src/snippets/declarative/content.qml
+++ b/doc/src/snippets/declarative/content.qml
@@ -1,6 +1,7 @@
-GroupBox {
-    content: [
+Rect {
+    width: 200; height: 100; color: "lightgray"
+    GroupBox {
         Text { text: "First Item" }
         Text { text: "Second Item" }
-    ]
+    }
 }