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