<h6 class="subtitle is-6 is-uppercase has-text-grey">Component</h6><h1 class="title is-1 is-serif has-text-weight-bold">Menu</h1>
<p class="subtitle is-5"><span class="has-text-weight-semibold">Menus</span> present a list of links and should be used for content navigation.</p>

<hr class="is-visible is-large">

<div class="box is-well is-marginless">
    <div class="menu is-size-7" style="max-width: 200px">
        <ul class="menu-list">
            <li><a>Biodata</a></li>
            <li><a>Timelines</a></li>
            <li><a>Follow-ups</a></li>
        </ul>
        <p class="menu-label">Label</p>
        <ul class="menu-list">
            <li><a class="is-active">Claim reports</a></li>
            <li><a>Settings</a></li>
        </ul>
    </div>
</div>

    <div class="menu is-size-7">
        <ul class="menu-list">
            <li><a>Biodata</a></li>
            <li><a>Timelines</a></li>
            <li><a>Follow-ups</a></li>
            <li><a class="is-active">Claim reports</a></li>
            <li><a>Settings</a></li>
        </ul>
    </div>
<br>

?> Modifiers like `is-size-7` are supported.

<hr>

<a href="https://bulma.io/documentation/components/menu/" target="blank" class="box is-bordered">
    Find more possibilities on &nbsp;→&nbsp; <strong class="has-text-primary">Bulma / Menu</strong>
</div>