Компоненты

Menu

Основы

Компонент Menu создает меню на основе MenuManager или переданных элементов меню.

make(?iterable $elements = [])
make(?iterable $elements = [])
  • $elements - набор элементов меню, если пусто за основу берет MenuManager.
 namespaces
use MoonShine\MenuManager\MenuItem;
use MoonShine\UI\Components\Layout\Menu;
 
Menu::make([
    MenuItem::make('Item', '/')
]);
 namespaces
use MoonShine\MenuManager\MenuItem;
use MoonShine\UI\Components\Layout\Menu;
 
Menu::make([
    MenuItem::make('Item', '/')
]);
<x-moonshine::layout.menu
    :elements="[['label' => 'Dashboard', 'url' => '/'], ['label' => 'Section', 'url' => '/section']]"
    :top="false"
    :scroll-to="false" />
<x-moonshine::layout.menu
    :elements="[['label' => 'Dashboard', 'url' => '/'], ['label' => 'Section', 'url' => '/section']]"
    :top="false"
    :scroll-to="false" />

Также можно инициализировать меню через примитивный массив.

Menu::make([
    ['label' => 'Dashboard', 'url' => '/'],
    ['label' => 'Section', 'url' => '/section'],
])
Menu::make([
    ['label' => 'Dashboard', 'url' => '/'],
    ['label' => 'Section', 'url' => '/section'],
])

Режим горизонтальное меню

Если вы решили расположить меню в горизонтальном режиме в TopBar, то воспользуйтесь методом top().

Menu::make()->top()
Menu::make()->top()

Прокрутка к активному пункту

По умолчанию если меню не в режиме top, то происходит скролл к активному пункту меню. Это поведение можно отключить с помощью метода withoutScrollTo().

Menu::make()->withoutScrollTo()
Menu::make()->withoutScrollTo()

Чтобы включить обратно:

Menu::make()->scrollTo()
Menu::make()->scrollTo()