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

3365 views

To pass data from the Livewire Component to the Layout file it's extending, you can make use of the "layoutData()" method.
return view('posts.show')
    ->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.
@isset($title)
    <h1>{{ $title }}</h1>
@endisset

If you prefer to provide a different layout page then you can use the "layouts()" method like below.
return view('posts.show')
    ->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 ☕️

)