<h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Component</h6><h1 class="title is-1 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 has-background-light is-marginless">
    <div class="menu">
        <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>
</div>

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

<br>

?> Modifiers like `is-small` are supported.

<hr>

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