90 lines
2.3 KiB
Text
90 lines
2.3 KiB
Text
|
{% filter markdown %}{% raw %}
|
||
|
|
```html+jinja
|
||
|
|
<MenuButton id="menu-demo-btn" target="menu-demo-menu">
|
||
|
|
Menu <i class="icon">keyboard_arrow_down</i>
|
||
|
|
</MenuButton>
|
||
|
|
|
||
|
|
<Menu id="menu-demo-menu" anchor="menu-demo-btn" anchor-to="bottom end">
|
||
|
|
<div class="group">
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">tab</i>
|
||
|
|
<a>New tab</a>
|
||
|
|
<kbd>Ctrl+T</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">new_window</i>
|
||
|
|
<a>New window</a>
|
||
|
|
<kbd>Ctrl+N</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem disabled>
|
||
|
|
<i class="icon">fingerprint_off</i>
|
||
|
|
<a>Disabled item</a>
|
||
|
|
<kbd>Ctrl+Shift+N</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
</div>
|
||
|
|
<div class="group">
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">download</i>
|
||
|
|
<a>Downloads</a>
|
||
|
|
<kbd>Ctrl+J</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItemSub id="bookmarks-item">
|
||
|
|
<i class="icon">bookmarks</i>
|
||
|
|
<a>Bookmarks and lists</a>
|
||
|
|
<span class="icon arrow">keyboard_arrow_right</span>
|
||
|
|
|
||
|
|
<Menu anchor="bookmarks-item" anchor_to="right start">
|
||
|
|
<div class="group">
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">bookmark_add</i>
|
||
|
|
<a>Bookmark this tab...</a>
|
||
|
|
<kbd>Ctrl+D</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">bookmarks</i>
|
||
|
|
<a>Bookmark all tabs...</a>
|
||
|
|
<kbd>Ctrl+Shift+D</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
</div>
|
||
|
|
<div class="group">
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">toolbar</i>
|
||
|
|
<a>Hide bookmarks bar</a>
|
||
|
|
<kbd>Ctrl+Shift+B</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">bookmarks</i>
|
||
|
|
<a>Show all bookmarks</a>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">bookmark_manager</i>
|
||
|
|
<a>Bookmark manager</a>
|
||
|
|
<kbd>Ctrl+Shift+O</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
</div>
|
||
|
|
</Menu>
|
||
|
|
</MenuItemSub>
|
||
|
|
</div>
|
||
|
|
<div class="group">
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">print</i>
|
||
|
|
<a>Print...</a>
|
||
|
|
<kbd>Ctrl+P</kbd>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">help</i>
|
||
|
|
<a>Help</a>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">settings</i>
|
||
|
|
<a>Settings</a>
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<i class="icon">exit_to_app</i>
|
||
|
|
<a>Exit</a>
|
||
|
|
</MenuItem>
|
||
|
|
</div>
|
||
|
|
</Menu>
|
||
|
|
```
|
||
|
|
{% endraw %}{% endfilter %}
|