Компоненты

Sidebar

Основы

Используется для создания шаблонов в MoonShine.

Компонент Sidebar предназначен для создания бокового меню.

make(iterable $components = [])
make(iterable $components = [])
  • $components - массив компонентов.
use MoonShine\UI\Components\Layout\Menu;
use MoonShine\UI\Components\Layout\Sidebar;
 
Sidebar::make([
    Menu::make(),
])
use MoonShine\UI\Components\Layout\Menu;
use MoonShine\UI\Components\Layout\Sidebar;
 
Sidebar::make([
    Menu::make(),
])
<x-moonshine::layout.sidebar :collapsed="true">
    <x-moonshine::layout.menu
        :elements="[
            ['label' => 'Dashboard', 'url' => '/'],
            ['label' => 'Section', 'url' => '/section'],
        ]"
    />
</x-moonshine::layput.sidebar>
<x-moonshine::layout.sidebar :collapsed="true">
    <x-moonshine::layout.menu
        :elements="[
            ['label' => 'Dashboard', 'url' => '/'],
            ['label' => 'Section', 'url' => '/section'],
        ]"
    />
</x-moonshine::layput.sidebar>

Возможность скрыть

По умолчанию Sidebar всегда открыт, но с помощью метода collapsed(), вы можете добавить возможность скрыть Sidebar.

Sidebar::make([
    Menu::make(),
])->collapsed()
Sidebar::make([
    Menu::make(),
])->collapsed()