doc: add image to readme

ClevrSolutions · Sep 28, 2023 · 933d602 · 933d602
1 parent bf40eb1
commit 933d602
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -4,10 +4,9 @@ Iterates over a data source and renders content without any additional element.
 
 ## Features
 
-- Render a data source content without any additional elements. 
-- The widget will give you complete control of the styling
-and the rendering.
-- Suitable for the web, similar function to the Mendix native repeater widget.
+-   Render a data source content without any additional elements.
+-   The widget will give you complete control of the styling and the rendering.
+-   Suitable for the web, similar function to the Mendix native repeater widget.
 
 ## Usage
 
@@ -16,6 +15,10 @@ and the rendering.
 1. Model the content
 1. Optional: provide the content when no items are in the data source
 
+| structure mode                                                 | web                                    | html                                     |
+| -------------------------------------------------------------- | -------------------------------------- | ---------------------------------------- |
+| ![widget structure mode](assets/studio-pro-structure-mode.png) | ![web](assets/sample-repeater-web.png) | ![html](assets/sample-repeater-html.png) |
+
 ## Demo project
 
 https://testrepeaterweb-sandbox.mxapps.io/

diff --git a/assets/sample-repeater-html.png b/assets/sample-repeater-html.png
diff --git a/assets/sample-repeater-web.png b/assets/sample-repeater-web.png