docs: add a simpler exaple in Motion UI docs header

foundation · Aug 5, 2018 · 1b9e266 · 1b9e266
1 parent 6be99c2
commit 1b9e266
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/docs/pages/motion-ui.md b/docs/pages/motion-ui.md
@@ -8,9 +8,14 @@ library:
 
 Motion UI is a standalone library that powers the transition effects used in a number of Foundation components, including [Toggler](toggler.html), [Reveal](reveal.html), and [Orbit](orbit.html).
 
+<div class="text-center">
+  <button type="button" class="button" data-toggle="motion-header-example">Animate!</button>
+  <div data-toggler data-animate="fade-in fade-out" id="motion-header-example" style="display: none;">
+    <img src="/assets/img/generic/rectangle-7.jpg" style="width: 100%;">
   </div>
 </div>
 
+
 ---
 
 ## Installing