sahibalejandro/laravel-active-menu

Blade directives to manage menu states in a clean an easy way.

Laravel Active Menu

, _(*1)

Blade directives for Laravel 5.1+ to manage menu states in a clean an easy way., _(*2)

Install

composer require sahibalejandro/laravel-active-menu

Usage

Call @activate(...) to specify the activated menu:, _(*3)

@activate('security_settings')

Now call @active(...) directive to know if a specified menu is active:, _(*4)

<ul>
    <li>
        <a href="/settings">Settings</a>
        <ul class="dropdown">
            <li class="@active('security_settings')">
                <a href="/settings/security">Security</a>
            </li>
        </ul>
    </li>
</ul>

This directive will print the string active if the given menu is activated. The example above will result on the following HTML:, _(*5)

<ul>
    <li>
        <a href="/settings">Settings</a>
        <ul class="dropdown">
            <li class="active">
                <a href="/settings/security">Security</a>
            </li>
        </ul>
    </li>
</ul>

Now just add a li.active a { ... } styles to your CSS and you're ready., _(*6)

Using dot-notation

Use dot-notation to activate the menu cascade up, for example, using this directive:, _(*7)

@activate('settings.security')

This will activate settings and settings.security, so the following directives will print the string active:, _(*8)

@active('settings')
@active('settings.security')

Change the class name

You can change the class name passing it as a second parameter:, _(*9)

@active('user.account', 'link-active')

But I really recomend you stick to the convention and use the default value., _(*10)