iTwin / iTwinUI

A design system for building beautiful and well-working web interfaces.
https://itwin.github.io/iTwinUI/
MIT License
104 stars 38 forks source link

Menu: multiline list items #85

Closed danleydmello closed 3 years ago

danleydmello commented 3 years ago

Environment

If you look at Itwin.bentley.com or plansight the typical header dropdown has multiline list items: image

I tried adding multiple divs inside the but it shows only the first

:

<ul class="iui-menu">
            @if (_items != null)
            {
                foreach (var item in _items)
                {
                    <li @onclick="() => ItemClicked(item)">
                        <span class="iui-content">
                            **<div >
                                @item.ItemName
                            </div>
                            <div>
                                @item.ItemDescription
                            </div>**
                        </span>
                    </li>
mayank99 commented 3 years ago

multi-line menu items are now available in 0.24.0 🎉 https://itwin.github.io/iTwinUI/backstop/minified/menu.html