diff --git a/docs/src/buttons.html b/docs/src/buttons.html
index bbf2c1a4..cc217661 100644
--- a/docs/src/buttons.html
+++ b/docs/src/buttons.html
@@ -65,6 +65,24 @@
 
             </footer>
           </article>
+          <p>Tie buttons together as <code>.button-group</code>.</p>
+          <article aria-label="Button group examples">
+            <div class="button-group">
+              <button>&NestedLessLess;</button>
+              <button>Playing &#9835; </button>
+              <button>&NestedGreaterGreater;</button>
+            </div>
+            <footer class="code">
+
+<pre><code>&lt;<b>div</b>  <i>class</i>=<u>"button-group"</u></b>&gt;
+&lt;<b>button</b>&gt;&NestedLessLess;&lt;<b>/button</b>&gt;
+&lt;<b>button</b>&gt;Playing &#9835; &lt;<b>/button</b>&gt;
+&lt;<b>button</b>&gt;&NestedGreaterGreater;&lt;<b>/button</b>&gt;
+&lt;<b>/div</b>&gt;</code></pre>
+
+            </footer>
+          </article>
+
         </section>
 
         ${require('./_footer.html')}