Components

Burger

The Burger component displays a button-icon for showing the mobile menu.

use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()
use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()
<x-moonshine::layout.burger />
<x-moonshine::layout.burger />

By default, the burger button opens and closes the menu from the Sidebar.

If you need the burger to control the menu from the Topbar, use the topbar() method:

use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()->topbar()
use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()->topbar()
<x-moonshine::layout.burger topbar />
<x-moonshine::layout.burger topbar />

If you need the burger to control the menu from the MobileBar, use the mobileBar() method:

use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()->mobileBar()
use MoonShine\UI\Components\Layout\Burger;
 
Burger::make()->mobileBar()
<x-moonshine::layout.burger mobile-bar />
<x-moonshine::layout.burger mobile-bar />