### Implement Layout with Navbar
Source: https://mary-ui.com/docs/layout
Configures a layout featuring a sticky, full-width navbar and a sidebar that functions as a drawer on smaller screens.
```blade
...
{{-- Add this --}}
@vite(['resources/css/app.css', 'resources/js/app.js'])
{{-- The navbar with `sticky` and `full-width` --}}
{{-- Drawer toggle for "main-drawer" --}}
{{-- Brand --}}
App
{{-- Right side actions --}}
{{-- The main content with `full-width` --}}
{{-- This is a sidebar that works also as a drawer on small screens --}}
{{-- Notice the `main-drawer` reference here --}}
{{-- User --}}
@if($user = auth()->user())
@endif
{{-- Activates the menu item when a route matches the `link` property --}}
{{-- The `$slot` goes here --}}
{{ $slot }}
{{-- TOAST area --}}
```
--------------------------------
### Implement Sidebar-Only Layout
Source: https://mary-ui.com/docs/layout
Configures a layout with a collapsible sidebar drawer. Requires the standard Vite assets to be included in the document head.
```blade
...
{{-- Add this --}}
@vite(['resources/css/app.css', 'resources/js/app.js'])
{{-- NAVBAR mobile only --}}
App
{{-- MAIN --}}
{{-- SIDEBAR --}}
{{-- BRAND --}}
App
{{-- MENU --}}
{{-- User --}}
@if($user = auth()->user())
@endif
{{-- The `$slot` goes here --}}
{{ $slot }}
{{-- Toast --}}
```
=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.