© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
4 replies
Adel

use filamentphp layout in livewire component

How can I use the same filamentphp layout in standalone livewire component?

view: resources/views/components/layouts/app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{ $title ?? 'Page Title' }}</title>

        @filamentStyles
    </head>
    <body>
        {{ $slot }}

        @filamentScripts
    </body>
</html>
view: resources/views/components/layouts/app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{ $title ?? 'Page Title' }}</title>

        @filamentStyles
    </head>
    <body>
        {{ $slot }}

        @filamentScripts
    </body>
</html>


in Livewire Component:
    public function render()
    {
        return view('livewire.view')
            ->layout('components.layouts.app');
    }
    public function render()
    {
        return view('livewire.view')
            ->layout('components.layouts.app');
    }
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Use Filament Layout inside a full Livewire Component?
FilamentFFilament / ❓┊help
3y ago
Filament layout to livewire component
FilamentFFilament / ❓┊help
13mo ago
How to use FilamentPHP Fabricator Route on custom Livewire component?
FilamentFFilament / ❓┊help
3y ago
Use colors setup from certain panel in external livewire layout/component
FilamentFFilament / ❓┊help
3y ago