@props([
    'name' => 'user_id',
    'displayName' => '_user_display',
    'inputId' => 'user-display',
    'hiddenId' => 'user-id',
    'suggestId' => 'user-sugest',
    'clearId' => 'user-clear',
    'route',
    'value' => '',
    'label' => 'Usuário',
    'placeholder' => 'Digite o nome ou matrícula...',
])

<div style="position:relative;">
    <label class="form-label fw-semibold">{{ __($label) }}</label>
    <div class="input-group">
        <input type="text" id="{{ $inputId }}"
            class="form-control @error($name) is-invalid @enderror"
            placeholder="{{ __($placeholder) }}"
            autocomplete="off"
            value="{{ old($displayName, $value) }}"
            data-url="{{ $route }}">
        <button type="button" class="btn btn-outline-secondary" id="{{ $clearId }}">
            <i class="fa-solid fa-times"></i>
        </button>
    </div>
    <input type="hidden" name="{{ $name }}" id="{{ $hiddenId }}" value="{{ old($name, '') }}">
    <div id="{{ $suggestId }}" class="list-group position-absolute w-100 shadow-sm d-none" style="z-index:1001;top:100%;left:0;"></div>
    @error($name)
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>