ComboStrap UI - Dropdown

1 - About

dropdown is a component that shows a dropdown menu.

It must be placed inside a group element of the navbar that you will find at the top of your page in a headerbar

This component accepts as entry a series of link. If the linked page does not exist, it will be rendered in red.

3 - Example

  • Markup:

<navbar>
    <group>
       <dropdown name="Navbar component">
[[dropdown|dropdown]]
[[group|group]]
[[search|search]]
       </dropdown>
   </group>
</navbar>

  • Output:

4 - How to hide a dropdown conditionally

If you want to hide a dropdown if the size of the screen is too low, you can use the Bootstrap conditional display class

Example: show the dropdown above the lg screen width (992px)


<dropdown name="Social Module" class="d-none d-lg-flex">

Powered by ComboStrap