{{-- The app shell, as a whole page: /material/shell and its sibling pages, so the rail, the bar, the modal rail and wire:navigate between pages can be tried at any window width. --}} @php $page ??= 'inbox'; $pages = [ 'inbox' => ['title' => 'Inbox', 'icon' => 'inbox', 'badge' => 12], 'starred' => ['title' => 'Starred', 'icon' => 'star'], 'sent' => ['title' => 'Sent', 'icon' => 'send'], 'drafts' => ['title' => 'Drafts', 'icon' => 'draft', 'badge' => true], 'travel' => ['title' => 'Travel', 'icon' => 'flight', 'section' => 'Labels', 'bar' => false], 'receipts' => ['title' => 'Receipts', 'icon' => 'receipt_long', 'section' => 'Labels', 'bar' => false], ]; $destinations = collect($pages) ->map(fn (array $destination, string $key): array => $destination + [ 'url' => route('livewire-material.shell', $key === 'inbox' ? [] : ['page' => $key]), 'active' => $key === $page, ]) ->values() ->all(); $current = $pages[$page]; @endphp {{ $current['title'] }} · App shell · Livewire Material

@vite(config('livewire-material.showcase.vite')) @livewireStyles

Livewire Material

This is the {{ strtolower($current['title']) }} page.

@foreach (range(1, 14) as $index) @endforeach

@livewireScripts