added docs about using data-options with orbit

diff --git a/docs/components/orbit.html.erb b/docs/components/orbit.html.erb
index 4b8b7706f0a9feb9f8072adfbc56d03e6ae485d8..698774469fa4f09a5812765a8ff11a794d832e2d 100644 (file)
--- a/docs/components/orbit.html.erb
+++ b/docs/components/orbit.html.erb
@@ -236,7 +236,7 @@ $stack-on-small-margin-bottom: emCalc(20px); // Stack on small does not function
 
         <p>Orbit options can only be passed in during initialization at this time.</p>
 
-    <%= code_example "
+<%= code_example "
 {
   timer_speed: 10000,
   animation_speed: 500,
@@ -258,6 +258,14 @@ $stack-on-small-margin-bottom: emCalc(20px); // Stack on small does not function
   orbit_transition_class: 'orbit-transitioning'
 }", :js %>
 
+    <p>You can also use the <code>data-options</code> attribute to pass configuration settings to Orbit. Treat it like a <code>style</code> property:</p>
+
+<%= code_example '
+<ul data-orbit data-options="timer_speed:2500; bullets:false;">
+  ...
+</ul>
+', :html %>
+
       </div>
     </div>