diff --git a/doc/assets/DrawerControls.png b/doc/assets/DrawerControls.png
new file mode 100644
index 000000000..0c78f002c
Binary files /dev/null and b/doc/assets/DrawerControls.png differ
diff --git a/doc/assets/DrawerFlyoutPresenter.png b/doc/assets/DrawerFlyoutPresenter.png
new file mode 100644
index 000000000..5bc19e0d6
Binary files /dev/null and b/doc/assets/DrawerFlyoutPresenter.png differ
diff --git a/doc/assets/chips.png b/doc/assets/chips.png
new file mode 100644
index 000000000..044ddbc5c
Binary files /dev/null and b/doc/assets/chips.png differ
diff --git a/doc/controls/ChipAndChipGroup.md b/doc/controls/ChipAndChipGroup.md
index 58af55a97..14f11fd75 100644
--- a/doc/controls/ChipAndChipGroup.md
+++ b/doc/controls/ChipAndChipGroup.md
@@ -78,6 +78,8 @@ xmlns:utu="using:Uno.Toolkit.UI"
 	</utu:Chip.Icon>
 </utu:Chip>
 ```
+![](../assets/chips.png)
+
 
 ## Lightweight Styling
 
diff --git a/doc/controls/DrawerControl.md b/doc/controls/DrawerControl.md
index ead54866d..faecc0d82 100644
--- a/doc/controls/DrawerControl.md
+++ b/doc/controls/DrawerControl.md
@@ -74,6 +74,7 @@ xmlns:utu="using:Uno.Toolkit.UI"
     </utu:DrawerControl.DrawerContent>
 </utu:DrawerControl>
 ```
+![](../assets/DrawerControls.png)
 
 #### NavigationView with drawer
 The `DrawerControl` can also be used to enhance [`NavigationView` (muxc)](https://docs.microsoft.com/en-us/windows/winui/api/microsoft.ui.xaml.controls.navigationview?view=winui-3.0) with gesture support, using the `DrawerNavigationViewStyle`:
diff --git a/doc/controls/DrawerFlyoutPresenter.md b/doc/controls/DrawerFlyoutPresenter.md
index 25f2d71f6..349da14da 100644
--- a/doc/controls/DrawerFlyoutPresenter.md
+++ b/doc/controls/DrawerFlyoutPresenter.md
@@ -102,6 +102,9 @@ Example:
         </Flyout>
     </Button.Flyout>
 </Button>
+
+![](../assets/DrawerFlyoutPresenter.png)
+
 ```
 > note: Here `VisibleBoundsPadding.PaddingMask` is used to prevent the content from being placed outside of the user-interactable area on mobile devices.