SearchInput
Enter `search`
SearchInput
Enter search
If you need a search input that expands results like Select, use SearchSelect.
Basic Usage
SearchInput
Demo loads on client.
Remote Search
SearchInput (remote)
Demo loads on client.
API
TxSearchInput Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | '' | Description for modelValue. |
placeholder | string | 'Search' | Description for placeholder. |
disabled | boolean | false | Description for disabled. |
clearable | boolean | true | Description for clearable. |
remote | boolean | false | Description for remote. |
searchDebounce | number | 200 | Description for searchDebounce. |
Events
| Event | Params | Description |
|---|---|---|
update:modelValue | (v: string) | Description for update:modelValue. |
input | (v: string) | Description for input. |
focus | (e: FocusEvent) | Description for focus. |
blur | (e: FocusEvent) | Description for blur. |
clear | - | Description for clear. |
search | (v: string) | Description for search. |
Expose
| Name | Type | Description |
|---|---|---|
focus() | () => void | Description for focus(). |
blur() | () => void | Description for blur(). |
clear() | () => void | Description for clear(). |
setValue(v) | (v: string) => void | Description for setValue(v). |
getValue() | () => string | Description for getValue(). |
Was this helpful?