Replies: 3 comments 3 replies
<details class="dropdown">
<summary aria-haspopup="group" role="button" class="contrast">
Dropdown as a button 3
</summary>
<ul role="group">
<li><a>Action</a></li>
<li><a>Another action</a></li>
<li role="list" dir="rtl">
<a href="#" aria-haspopup="listbox">Dropdown</a>
<ul role="listbox">
<li><a>sub action</a></li>
<li><a>Another sub action</a></li>
<li><a>Something else here in sub</a></li>
</ul>
</li>
<li><a>Something else here</a></li>
</ul>
</details> |
2 replies
|
Thanks, I will try that. :) |
|
Per the technical specifications of the summary element, no role is permitted. See MDN's technical summary of the summary element. |
Answer selected by
COil
<html data-theme="dark">
<label>
<input type="checkbox" role="switch" id="themeSwitch" />
</label>
</html> |
0 replies
|
I like the easy way @sysmat set up for a theme switcher, simple and easy to switch. |
1 reply
|
@Yohn thx |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Hello,
I used bareCSS before, I liked it very much, but it is quite outdated now.
I'd lie to migrate MicroSymfony (website) to pico CSS, but I need a header and a dropdown menu (also the dark mode switcher).
How to do this? I noticed that the classless version does not include by default the dropdown menu.
In fact, the structure would be like the pico CCS doc :
Thanks. COil.
All reactions