@props([
    'name' => 'ppage',
    'value' => request('ppage', 20),   // default selected value
    'options' => [20, 50, 100, 200],   // dropdown values
    'width' => '90px',                 // dropdown width
])

<div class="d-flex align-items-center gap-2">

    <span>Show</span>

    <select name="{{ $name }}"
            class="form-select form-select-sm"
            style="width: {{ $width }};"
            onchange="this.form.submit()">

        @foreach($options as $opt)
            <option value="{{ $opt }}" {{ $value == $opt ? 'selected' : '' }}>
                {{ $opt }}
            </option>
        @endforeach

    </select>

    <span>entries</span>

</div>