Sphinx Laravel Package

+++ date = "2017-04-10T16:42:12+01:00" draft = false weight = 140 description = "Popular and adjustable menu and navigation option" title = "Dropdown" bref= "Dropdown menus in Kube are simple and intuitive. You've got a link with data-component='dropdown' and a div with some kind of HTML content. Clicking outside of the dropdown or hitting Esc closes dropdown" toc = true +++

{{< rawhtml >}}

// Dropdown <div class="dropdown hide" id="my-dropdown"> <a href="" class="close show-sm"></a> <ul> <li><a href="">...</a></li> </ul> </div>

// Dropdown <div class="dropdown hide" id="my-dropdown">

<span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>...<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span> <span class="hljs-attr">data-action</span>=<span class="hljs-string">"dropdown-close"</span>&gt;</span>Close<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>

</div>

// Dropdown <div class="dropdown hide" id="dropdown-fixed"> <ul> <li><a href="">...</a></li> </ul> </div>