mirror of
https://github.com/thejakubruzicka/MNotes.git
synced 2025-07-10 22:44: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
42
components-wiki/figures/iconbutton/usage-toggle.html
Normal file
42
components-wiki/figures/iconbutton/usage-toggle.html
Normal file
|
@ -0,0 +1,42 @@
|
|||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="gap:8px;flex-direction:column;padding-block:8px;"
|
||||
aria-label="Two rows of toggling icon buttons, the top row is unselected and the bottom row is selected">
|
||||
<div style="display:flex;gap:8px;">
|
||||
<md-icon-button toggle>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-icon-button>
|
||||
<md-filled-icon-button toggle>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-filled-icon-button>
|
||||
<md-filled-tonal-icon-button toggle>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-filled-tonal-icon-button>
|
||||
<md-outlined-icon-button toggle>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-outlined-icon-button>
|
||||
</div>
|
||||
<div style="display:flex;gap:8px;">
|
||||
<md-icon-button toggle selected>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-icon-button>
|
||||
<md-filled-icon-button toggle selected>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-filled-icon-button>
|
||||
<md-filled-tonal-icon-button toggle selected>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-filled-tonal-icon-button>
|
||||
<md-outlined-icon-button toggle selected>
|
||||
<md-icon>close</md-icon>
|
||||
<md-icon slot="selected">check</md-icon>
|
||||
</md-outlined-icon-button>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue