Filament•2w ago

When creating a custom livewire component, can I use the default styling for form components?

- Tried in 3 different laravel 11 projects. - I have the full filament panel package installed - Created the custom livewire component from this page of the documentation: https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component

<div>
    <form wire:submit="create">
        {{ $this->form }}

        <button type="submit">
            Submit
        </button>
    </form>

    <x-filament-actions::modals />
</div>

<div>
    <form wire:submit="create">
        {{ $this->form }}

        <button type="submit">
            Submit
        </button>
    </form>

    <x-filament-actions::modals />
</div>

- The frontend is completely without styling. - My goal is for the default filament styling to be applied on the frontend as well. - I didn't go through the installation process for the form builder since I assumed by having the panel package installed, I don't need to make changes to tailwind config or vite and etc.

Adding a form to a Livewire component - Forms - Filament

3 Replies

Dennis Koch•2w ago

When using the Forms outside of the Filament panel you need to follow the installation steps for Forms https://filamentphp.com/docs/3.x/forms/installation#existing-laravel-projects

Installation - Forms - Filament

DomOP•2w ago

composer require filament/forms:"^3.3" -W so basically i should do everything here, excluding this command?

Dennis Koch•2w ago

Yes.

Gaming

Programming

When creating a custom livewire component, can I use the default styling for form components?

Did you find this page helpful?