Building an Autocomplete with Livewire v4
February 01, 2026
•
1 min read
•
32 views
Build an autocomplete component.
Component
@php
new class extends Livewire\Component {
public string $query = '';
public ?int $selectedId = null;
public bool $showResults = false;
#[Computed]
public function results(): Collection
{
return strlen($this->query) >= 2
? User::where('name', 'like', "%{$this->query}%")->take(5)->get()
: collect();
}
public function select(int $id, string $name): void
{
$this->selectedId = $id;
$this->query = $name;
$this->showResults = false;
}
}
@endphp
Related Posts
Introduction to Livewire v4: The Future of Laravel Full-Stack Development
Discover what's new in Livewire v4 and why it's a game-changer for Laravel developers.
Single-File Components in Livewire v4: The View-First Approach
Learn how to create single-file components with the new .wire.php extension.
Multi-File Components (MFC) in Livewire v4
Organize complex components with the new multi-file component structure.
Comments (0)
No comments yet. Be the first to comment!