How to Highlight Active Menu Item in Laravel
3 months ago
admin
Laravel
In today's lesson, we are going to see how to add an active class to the Bootstrap 5 menu item in Laravel.
Highlight the active menu item in laravel
So let's assume that we have a navbar menu and when the user moves between the links the active link is highlighted.
To do that use the code below:
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar">
<div class="position-sticky pt-3">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link @if(request()->routeIs('admin.index')) active @endif" aria-current="page" href="{{route('admin.index')}}">
<i class="fas fa-dashboard"></i>
Dashboard
</a>
</li>
<li class="nav-item">
<a class="nav-link @if(request()->routeIs('admin.tags.index')) active @endif" aria-current="page" href="{{route('admin.tags.index')}}">
<i class="fas fa-tag"></i>
Tags
</a>
</li>
</ul>
</div>
</nav>