Closable
A closable, absolutely-positioned dropdown megamenu.
Closable megamenu (absolute)
You can make a PanelSet closable, see the absolute positioning example. PanelControl makes sure the tablist also knows about it. (not sure why actually).
Key Features
- This is our most important feature ever!
Pricing Plans
- Starter Plan: Whenever you don’t want to pay a lot.
- Professional Plan: Ideal for managers who like to spend money!
Support Options
- If you send us an email, we will probably ignore it.
- We don’t even have a community forum.
- Opening an issue on GitHub is your next best option. Or even better: PR’s! You do the work!
Markup
HTML
<div role="tablist" data-panelcontrol>
<button role="tab" aria-controls="mm-1">Products</button>
<button role="tab" aria-controls="mm-2">Solutions</button>
<button role="tab" aria-controls="mm-3">Resources</button>
</div>
<div id="mm" data-panelset data-closable data-close-on-tab>
<div class="panel-wrapper">
<div class="active" id="mm-1" role="tabpanel">…</div>
<div id="mm-2" role="tabpanel" hidden>…</div>
</div>
</div>