Menus
Showcasing MICL menus
Showcase
Click a button to open one of the MICL menus.
- Open in new window open_in_new
- Revert undo
- Delete delete
- Settings settings
- Help & feedback help
- Files
- note_add New
- file_open Open
- Edit
- content_cut Cut
- content_copy Copy
- content_paste Paste
Code example
<nav id="id0" class="micl-menu" popover>
<ul class="micl-list">
<li class="micl-list-item-one" tabindex="0">
<span class="micl-list-item__text">
<span class="micl-list-item__headline">Home</span>
</span>
</li>
<li class="micl-list-item-one">
<span class="micl-list-item__text">
<span class="micl-list-item__headline">About</span>
</span>
</li>
<li class="micl-list-item-one micl-list-item--disabled">
<span class="micl-list-item__text">
<span class="micl-list-item__headline">Contact</span>
</span>
</li>
</ul>
</nav>