About

dropdown is a component that shows a dropdown menu.

It must be placed inside a group element of the menubar that you will find at the top of your page in a header slot

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

Example

• Markup:

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

• Output:

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">