Menu

• Основы
• Режим горизонтальное меню
• Прокрутка к активному пункту

Основы

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

make(?iterable $elements = [])

• $elements - набор элементов меню, если пусто за основу берет MenuManager.

 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" />

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

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

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

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

Menu::make()->top()

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

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

Menu::make()->withoutScrollTo()

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

Menu::make()->scrollTo()