メニューリスト

ウェブサイトで多く用いられるメニューを実装するUIです。

例

<ul class="menulist">
    <li class="menulist-item">
        <a href="" class="menulist-title">メニュータイトル</a>
        <ul class="menulist">
            <li class="menulist-item">
                <a href="" class="menulist-link ">メニューアイテム</a>
            </li>
            <li class="menulist-item">
                <a href="" class="menulist-link ">メニューアイテム</a>
            </li>
        </ul>
    </li>
</ul>

大きさ

  • sm
  • md (デフォルト)
<ul class="menulist is-sm">
    <li class="menulist-item">
        <a href="" class="menulist-title">メニュータイトル</a>
        <ul class="menulist">
            <li class="menulist-item">
                <a href="" class="menulist-link ">メニューアイテム</a>
            </li>
            <li class="menulist-item">
                <a href="" class="menulist-link ">メニューアイテム</a>
            </li>
        </ul>
    </li>
</ul>