FilamentF
Filament•11mo ago
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'); 

    }
}


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

<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
Was this page helpful?