Dropdown menus / button list

[Jogai]

This project could benefit from a dropdown component like this I think: https://codepen.io/connorbrassington/pen/raNrEW (not mine, just a random example I found).

[yne]

Here is a simple button dropdown sample:
(If you are looking for a dropdown navbar, it's a bit more tricky because position:absolute wrapper element don't play well with the current .nav implementation)

Preview

Code

<details class=dropdown>
    <summary class=button>action</summary>
    <div class=card>
      <p><a href="#">delete</a></p>
      <p><a href="#">rename</a></p>
      <p><a href="#">copy</a></p>
  </div>
</details>

details.dropdown {
  position: relative;
  display: inline-block;
}
details.dropdown > :last-child {
  position: absolute;
  left: 0;
  background: white;
  white-space: nowrap;
}

Live demo

https://codepen.io/qxc32034/pen/ZEzxZKP

[yne]

@Jogai If a dropdown button is what you were you looking for, I can merge request it so we could close this ticket

[Jogai]

Yeah, seems useful. The project I was using it for was on hold for a while, but just this week I discussed finalizing it so its right on time.

[jenil]

Ships in v0.7.0