2 years ago

I have been a fan of https://laravel-livewire.com/ since it was first released, and I have used it many times to create great user interfaces for applications. In this tutorial, I will walk through how you can create a slide-over component for your https://tallstack.dev/ applications so you, too, can implement this approach. I will assume that you have already installed Laravel and Livewire and have a basic application set up.

declare(strict_types=1); namespace App\Http\Livewire; use Illuminate\Contracts\View\View as ViewContract; use Illuminate\Support\Facades\View; use Livewire\Component; final class SidePanel extends Component { public bool $open = false; public string $title = 'Default Panel'; public string $component = ''; public function render(): ViewContract { return View::make( view: 'livewire.side-panel', ); }}

This approach has allowed me to create clean user interfaces that open a separate component as and when needed.