Add divider with text and remove menu header

1 files changed, 3 insertions, 10 deletions

diff --git a/docs/components.html b/docs/components.html
index e9ba3f5..9fef198 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -636,11 +636,7 @@
             </div>
             <div class="column col-xs-12">
               <ul class="menu">
-                <li class="menu-header">
-                  <span class="menu-header-text">
-                    LINKS
-                  </span>
-                </li>
+                <li class="divider" data-content="LINKS"></li>
                 <li class="menu-item">
                   <a href="#menus">
                     <i class="icon icon-link"></i> Slack
@@ -665,11 +661,8 @@
 
 <!-- menus example -->
 <pre class="code" data-lang="HTML"><code>&lt;<span class="tag">ul</span> <span class="atn">class</span>=<span class="atv">&quot;menu&quot;</span>&gt;
-  <span class="com">&lt;!-- menu header --&gt;</span>
-  &lt;<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">&quot;menu-header&quot;</span>&gt;
-    &lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;menu-header-text&quot;</span>&gt;
-      LINKS
-    &lt;<span class="tag">/span</span>&gt;
+  <span class="com">&lt;!-- menu header text --&gt;</span>
+  &lt;<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">&quot;divider&quot;</span> <span class="atn">data-content</span>=<span class="atv">&quot;LINKS&quot;</span>&gt;
   &lt;<span class="tag">/li</span>&gt;
   <span class="com">&lt;!-- menu item --&gt;</span>
   &lt;<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">&quot;menu-item&quot;</span>&gt;