> For the complete documentation index, see [llms.txt](https://docs.tomatophp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tomatophp.com/tomato-admin/inputs/select-input.md).

# Select Input

<figure><img src="/files/waMw89leLMWIiuvZDBvJ" alt=""><figcaption></figcaption></figure>

because of some limits of `x-splade-select` you develop a new component using [vue-multiselect](https://vue-multiselect.js.org/) this new component has features:

* Load data from APIs
* Search Sync with API
* Pagination support with load more button
* Auto Fill Selected Data from API

you can use this select input like `x-splade-select`

```markup
<x-tomato-admin-select 
    :label="__('Developer id')" 
    :placeholder="__('Developer id')" 
    name="developer_id"
    remote-url="{{route('admin.users.api')}}" 
    remote-root="data" 
    option-label=name.en 
    option-value="id" 
    type="relation" 
    query-by="name" 
    paginated
/>
```

`:type` is the type of select it can be select / relation

`:query-by` is the name of the request key sent when searching

`:paginated` is a bool for options of pagination