diff --git a/README.md b/README.md
index 7f38bdf..c6681dd 100644
--- a/README.md
+++ b/README.md
@@ -163,6 +163,20 @@ In your dashboard view you use the `livewire:fda-results` component.
 
 ![Upcoming matches](media/league-standings.png)
 
+## Sample dashboard
+
+```html
+<x-dashboard>
+    <livewire:fda-standings position="a1" competition="PL"/>
+    <livewire:fda-results position="b1" /> 
+    <livewire:fda-upcoming position="c1"/>
+</x-dashboard>
+```
+
+### Screenshot
+
+![Upcoming matches](media/full-dashboard.png)
+
 ## Testing
 
 ``` bash
diff --git a/media/full-dashboard.png b/media/full-dashboard.png
new file mode 100644
index 0000000..8e35f68
Binary files /dev/null and b/media/full-dashboard.png differ
diff --git a/media/upcoming-matches.png b/media/upcoming-matches.png
index 4f30d5a..261fea5 100644
Binary files a/media/upcoming-matches.png and b/media/upcoming-matches.png differ