Posts Learn Components Snippets Categories Tags Tools About

How to Pass Data From Livewire Component to Layout Page

Learn how to pass data from the Livewire Component to Base Layout page using layoutData method

Created on Jul 31, 2021


To pass data from the Livewire Component to the Layout file it's extending, you can make use of the "layoutData()" method.
return view('')
    ->layoutData(['title' => 'Show Posts'])

Now from the layouts page, you can access the "title" variable but do note to check if the value exists using "isset()" directive like below.
    <h1>{{ $title }}</h1>

If you prefer to provide a different layout page then you can use the "layouts()" method like below.
return view('')
    ->layout('layouts.base', ['title' => 'Show Posts'])

If you like our tutorial, do make sure to support us by being our Patreon or buy us some coffee ☕️


PostSrc Code Components

Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.

View Components

Sponsors 👑

+ Add Yours