Suchfeld mit Resultaten als Dropdown

Controller

public $search = '';

public function render()

{

$results = [];

if(strlen($this->search) > 2){

$results = Model::where('title', 'like', '%'.$this->search.'%')->get();

}

return view('livewire.view', [

'items' => Model::get(),

'results' => $results

]);

}

View

<div class="text-sm text-gray-800 bg-white flex mb-8 border rounded-md">

<div class="text-gray-500 mx-2 mt-2">

<x-icon.magnifying-glass />

</div>

<div class="w-full">

<input type="text" wire:model.live="search" class="rounded-md border-none w-full" placeholder="Suche...">

<ul>

@foreach ($results as $result)

<div wire:key="{{ $result->id }}">

<li class="px-2 py-1 list-disc hover:bg-gray-100">

<a href="/folder/{{ $result->id }}">{{ $result->title }}</a><br>

</li>

</div>

@endforeach

</ul>

</div>

</div>