How To Use Custom Laravel Livewire Components in Filament

In this Laravel tutorial, I’ll show you how to create and implement your custom Livewire components within Filament.

Learn how to:

- Install Filament in your Laravel project.
- Build custom Livewire components.
- Integrate your Livewire components seamlessly within Filament.

00:00 - Intro
00:04 - New Project
00:12 - Install Filament
00:21 - Database
00:49 - Filament User
01:04 - Serve and Login
01:17 - Filament Page
01:42 - Livewire Component
02:34 - Counter Example

Latest Subscriber:   Фанат
Subscriber Goal: ||||||||||||||| 67% ||||||......... 3.37K/5K

Start creating Filament Admin Panels today with the Filament Bootcamp

Latest tippers: MilenKo - $10.00, Sean - $5.00, Daniel GAMEL - $1.00, Mwest2020 - $5.00

Join me on Discord

Discord Goal: ||||||||||||||| 73% |||||||........ 219/300
Latest discord member: jagato0♯0

[JonBrookes]

This I was looking for and could not find a simple answer for elsewhere, until I came across your wonderful channel. Many thanks.

[justgkp]

Great video!!! Please make more videos on Livewire Components in Filament.

[DarrylWaterhouse]

This is a really great starting point.
Is there a way, for example, to have a guest access a Filament resource?
So, maybe I have a list of posts about some courses, and I would like for a guest to be able to see these and click something to make contact with the admin.
They would be outside of the Filament Admin panel.
Could you possibly so a short tutorial on that, please?

Oh, and the short condensed video format is brilliant. 👌

[tecnobyte]

Great video! Thank you!

Why is method maxItems not reactive? The new item limit is not updated in the select, according to the value placed in the input dynamically.

true),

Select::make('technologies')
->multiple()
->options([
'tailwind' => 'Tailwind CSS',
'alpine' => 'Alpine.js',
'laravel' => 'Laravel',
'livewire' => 'Laravel Livewire',
])
// It doesn't work.
->maxItems(fn (Get $get): int => $get('max_items_input') ?? 1)
// It works.
->helperText(fn (Get $get): string => $get('max_items_input') ?? 1)

[md.yeasin]

um follow your filament live project and it is awesome.plz make a livewire project like filament

[minvalencia]

Hi how to add a custom livewire components in existing resource?

[neverforget]

Hey, loving the content keep up the great work, quick question I was running through your tutorial and it got me thinking can you build a twitter type layout using filament?

I've been doing some research but not sure how you would implement filament to show all tweets of the people you follow and how to add tweets etc and it shows up on the UI, most videos are showing filament as a backend admin panel, do you think it could be used for a frontend facing app? With Auth as normal like twitter. Thanks again

[tote_channel]

Really awesome. I'm stuck in adding a custom component in a Filament form schema. Using a View::make().I can render only the view, but any dispatched event is not seen in the custom component. Any ideas?

[whrszzg]

Awesome video. Can you create video to integration of Image carousel using custom live wire component to filament V3 ?

[jijirijohnson]

Great video, please how to I perform arithmetic operations in filament table? Let say I have quantity, un-price and price as my columns in the model. How do I calculate this, quantity * un-price =price?