mirror of
https://github.com/thejakubruzicka/MNotes.git
synced 2025-07-10 14:34:05 +02:00
New version. Add Material UI implementation with theme customization, about dialog, and news system
This commit is contained in:
parent
5bc9c9bdb1
commit
1d58835a65
190 changed files with 12296 additions and 54 deletions
30
components-wiki/figures/menu/usage-document.html
Normal file
30
components-wiki/figures/menu/usage-document.html
Normal file
|
@ -0,0 +1,30 @@
|
|||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content: center"
|
||||
aria-label="A filled button that says open document menu. Interact with the button to open a document menu."
|
||||
>
|
||||
<div>
|
||||
<div style="margin: 16px">
|
||||
<md-filled-button id="usage-document-anchor">Open document menu</md-filled-button>
|
||||
</div>
|
||||
<md-menu positioning="document" id="usage-document" anchor="usage-document-anchor">
|
||||
<md-menu-item>
|
||||
<div slot="headline">Apple</div>
|
||||
</md-menu-item>
|
||||
<md-menu-item>
|
||||
<div slot="headline">Banana</div>
|
||||
</md-menu-item>
|
||||
<md-menu-item>
|
||||
<div slot="headline">Cucumber</div>
|
||||
</md-menu-item>
|
||||
</md-menu>
|
||||
</div>
|
||||
<script type="module">
|
||||
const anchorEl = document.body.querySelector("#usage-document-anchor");
|
||||
const menuEl = document.body.querySelector("#usage-document");
|
||||
anchorEl.addEventListener("click", () => {
|
||||
menuEl.open = !menuEl.open;
|
||||
});
|
||||
</script>
|
||||
</figure>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue