Rendering filament form input components manually

I need to render some form components manually. Can this but done outside of the form?

 <x-forms::select
     wire:model.live="custom"
    statePath="custom"
    id="custom"
 >
    <option></option>
 </x-forms::select>


<x-forms::text-input wire:model.live="custom" statePath="custom" id="custom" />

 <x-forms::select
     wire:model.live="custom"
    statePath="custom"
    id="custom"
 >
    <option></option>
 </x-forms::select>


<x-forms::text-input wire:model.live="custom" statePath="custom" id="custom" />

Throws errors:

Undefined variable $getStatePath Undefined variable $getDatalistOptions

All I need is the basic input with styling so that it appears the same as other form elements

4 Replies

LeandroFerreira•2y ago

Why not Form builder?

gizmojoOP•2y ago

Seems a little overkill when all I need is a simple form control. It's for a custom Livewire component that's already used in the form builder

ZedoX•2y ago

U can have multiple forms in a single livewire component

Patrick Boivin•2y ago

In a few cases, I ended up copying the markup for a Filament field from the browser inspector (copy outerHTML) and pasted it in my project. From there, it's very easy to customize into a purely alpine or livewire use-case and the integration is visually seamless.

Gaming

Programming

Rendering filament form input components manually