Can MUI dropdown to drop up?

[nhandt64]

As title, can MUI dropdown to drop up?
Thanks

[amorey]

Hi @Wello6143! Currently you can't do drop ups. However, it sounds like a useful feature. Here's an example of how we could expose it using a mui-dropdown__menu--up class:

<div class="mui-dropdown">
  <button class="mui-btn mui-btn--primary" data-mui-toggle="dropdown">
    Dropup
    <span class="mui-caret" style="transform:rotate(180deg)"></span>
  </button>
  <ul class="mui-dropdown__menu mui-dropdown__menu--up">
    <li><a href="#">Option 1</a></li>
    <li><a href="#">Option 2</a></li>
    <li><a href="#">Option 3</a></li>
    <li><a href="#">Option 4</a></li>
  </ul>
</div>

And this is what it would look like:

Let me know if that would work for you.

[amorey]

Dropup/Dropright/Dropleft options are live in v0.9.43:
https://www.muicss.com/docs/v1/css-js/dropdowns