Hello Team,

I am trying to implement a search and results should be shown as a dropdown, which component or code should I use to get the correct results? I am using Laravel with code below but I see search results on the right side of the pane, how do I get as a dropdown?

    <div class="d-flex align-items-center overflow-auto">
        <!--begin::Search-->
        <div class="position-relative my-1">
            <i class="ki-duotone ki-magnifier fs-3 text-gray-500 position-absolute top-50 translate-middle-y ms-3"><span class="path1"></span><span class="path2"></span></i>
            <input type="text" class="form-control form-control-sm form-control-solid w-150px ps-10"  wire:model.live="key" placeholder="Search...">
        </div>
        <!--end::Search-->
         
        @if(sizeof($results) > 0)
        <div class="menu menu-rounded menu-column menu-gray-600 menu-state-bg fw-semibold w-250px" data-kt-menu="true">
            <!--begin::Menu item-->
            <div class="menu-item" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
                <!--begin::Menu link-->
                @foreach ($results as $result)
                <a href="/symbol/cash/{{ $result->symbol }}" class="menu-link py-3">
                    <span class="menu-title">{{ $result->symbol }}</span>
                </a>
                @endforeach
            </div>
        </div>
    @endif
    </div>

Here is link for image which is shown in my view,

https://imgur.com/a/K5YnP7Y