Select
Floating UI
Select
Floating UI
Basic Usage
Select
Demo loads on client.
Remote Search (Editable)
Select (remote searchable)
Demo loads on client.
Searchable
Select (searchable)
Demo loads on client.
Disabled State
Select (disabled)
Demo loads on client.
Disabled Options
Select (disabled option)
Demo loads on client.
Scroll Panel
Select (scrollable dropdown)
Demo loads on client.
API
TuffSelect Props
| Prop | Description | Type | Default |
|---|---|---|---|
| modelValue / v-model | Description for modelValue / v-model. | string | number | '' |
| placeholder | Description for placeholder. | string | 'Text' |
| disabled | Description for disabled. | boolean | false |
| searchable | Description for searchable. | boolean | false |
| searchPlaceholder | Description for searchPlaceholder. | string | 'Search' |
| editable | Description for editable. | boolean | false |
| remote | Description for remote. | boolean | false |
| dropdownMaxHeight | Description for dropdownMaxHeight. | number | 280 |
| dropdownOffset | Description for dropdownOffset. | number | 6 |
TuffSelect Events
| Event | Description | Params |
|---|---|---|
| change | Description for change. | (value: string | number) => void |
| update:modelValue | Description for update:modelValue. | (value: string | number) => void |
| search | Description for search. | (query: string) => void |
TuffSelectItem Props
| Prop | Description | Type | Default |
|---|---|---|---|
| value | Description for value. | string | number | - |
| label | Description for label. | string | - |
| disabled | Description for disabled. | boolean | false |
Was this helpful?