© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•13mo ago•
25 replies
ocram82

Filament layout to livewire component

hi, i've a Livewire component like this:


class InviteRegister extends Component implements HasForms
{
    use InteractsWithForms;

    public $token;

    public function mount($token)
    {
        $this->token = $token;
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('email')
                    ->email()
                    ->required()
                    ->autocomplete(),
            ]);
    }
    

    public function render()
    {
        return view('livewire.invite-register'); 

    }
}
class InviteRegister extends Component implements HasForms
{
    use InteractsWithForms;

    public $token;

    public function mount($token)
    {
        $this->token = $token;
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('email')
                    ->email()
                    ->required()
                    ->autocomplete(),
            ]);
    }
    

    public function render()
    {
        return view('livewire.invite-register'); 

    }
}


and iside
livewire.invite-register
livewire.invite-register
i want to set a x-filament-panels layout.base

<div>

    Do your work, then step back. {{ $token }}

    {{ $this->form }}
    
</div>
<div>

    Do your work, then step back. {{ $token }}

    {{ $this->form }}
    
</div>

How can i do?

Thanks
Solution
I understood perfectly, in this case you need to manually style the page, you'll need to install tailwind globally in the project (filament uses tailwind but it's style is locked inside the filament ecosystem) and build it from scratch. Imagine that you dont have filament installed.
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Use Filament Layout inside a full Livewire Component?
FilamentFFilament / ❓┊help
3y ago
Filament-page + LiveWire Component
FilamentFFilament / ❓┊help
3y ago
Full page Livewire component not apply filament page layout
FilamentFFilament / ❓┊help
2y ago
Using filament components in custom livewire component
FilamentFFilament / ❓┊help
3y ago