Filament•15mo ago

Using filament components in custom livewire component

Hi! What's the correct way to use filament component in my livewire component? For example the create action or the header widget cards from a list page. I'm also curious about using the form elements. Can I use those without setting up HasForms and InteractsWithForms?

4 Replies

LeandroFerreira•15mo ago

Like this for example?

<x-filament::card>
    <x-slot name="heading">Card test</x-slot>
    <div>Content...</div>
</x-filament::card>

<x-filament::stats.card 
    label="Card test" 
    description="Content..."
    tag="div"
    class="filament-stats-overview-widget-card" 
/>

<x-filament::card>
    <x-slot name="heading">Card test</x-slot>
    <div>Content...</div>
</x-filament::card>

<x-filament::stats.card 
    label="Card test" 
    description="Content..."
    tag="div"
    class="filament-stats-overview-widget-card" 
/>

Benjámin•15mo ago

Yeah, thank you. I tried to use other components like that, but usually couldn't find the ones that I was looking for. Is there any way to list these registered x-filament components?

Dan Harrin•15mo ago

check /vendor they are in the /views/components directories

Benjámin•15mo ago

Yeah, separately for forms, tables, notis and filament (as the admin). Thank you, I'll try to dig in more, before asking. 😛

Gaming

Programming

Using filament components in custom livewire component