Components > TopBar

Used to create MoonShine layouts.

The TopBar component is designed to create a top navigation panel.

make(iterable $components = [])

make(iterable $components = [])make(iterable $components = [])

make(iterable $components = [])

$components - array of components.

use MoonShine\UI\Components\Layout\Menu;
use MoonShine\UI\Components\Layout\TopBar;
 
TopBar::make([
    Menu::make()->top()
])
use MoonShine\UI\Components\Layout\Menu;use MoonShine\UI\Components\Layout\TopBar;TopBar::make([    Menu::make()->top()])use MoonShine\UI\Components\Layout\Menu;
use MoonShine\UI\Components\Layout\TopBar;
 
TopBar::make([
    Menu::make()->top()
])
use MoonShine\UI\Components\Layout\Menu;use MoonShine\UI\Components\Layout\TopBar;TopBar::make([    Menu::make()->top()])

<x-moonshine::layout.top-bar>
    <x-moonshine::layout.menu
        :elements="[
            ['label' => 'Dashboard', 'url' => '/'],
            ['label' => 'Section', 'url' => '/section'],
        ]
    "/>
</x-moonshine::layout.top-bar>
<x-moonshine::layout.top-bar>    <x-moonshine::layout.menu        :elements="[            ['label' => 'Dashboard', 'url' => '/'],            ['label' => 'Section', 'url' => '/section'],        ]    "/></x-moonshine::layout.top-bar><x-moonshine::layout.top-bar>
    <x-moonshine::layout.menu
        :elements="[
            ['label' => 'Dashboard', 'url' => '/'],
            ['label' => 'Section', 'url' => '/section'],
        ]
    "/>
</x-moonshine::layout.top-bar>
<x-moonshine::layout.top-bar>    <x-moonshine::layout.menu        :elements="[            ['label' => 'Dashboard', 'url' => '/'],            ['label' => 'Section', 'url' => '/section'],        ]    "/></x-moonshine::layout.top-bar>

topbar topbar_dark