Dropdown
Basic Structure
Dropdown component requires only dropdown-toggle
and its target.
You don't need to hide the dropdown menu by CSS, as Zerolines.js automatically
hides it.
<!-- You may need relative/absolute position to the elements -->
<button type="button" data-zl="dropdown-toggle target-[#dropdown1]">
Dropdown Button
</button>
<ul id="dropdown1" zl-cloak>
<!-- List Content Here -->
</ul>
dropdown-toggle
dropdown-toggle
needs only a target element to be toggled.
Item | Description |
---|---|
target-[SELECTOR] *required |
Specify the target element to be toggled. Put a CSS selector value between [ and ]. Double Quatation is not required. The target must be only one element. Example
|