AutoComplete
Data
{
"id": {
"id": "1",
"name": "Tom",
"value": "123"
},
"slots": {}
}[
0
:
{
$formkit
:
primeAutoComplete
id
:
basic
name
:
basic
complete
:
function a(e){return[...o.filter(t=>t.toLowerCase().includes(e.toLowerCase())),e]}
dropdown
:
true
label
:
Basic AutoComplete - Use [h]ello
}
1
:
{
$formkit
:
primeAutoComplete
id
:
async
name
:
async
complete
:
async function i(e){return await new Promise(t=>setTimeout(t,1e3)),[...o.filter(t=>t.toLowerCase().includes(e.toLowerCase())),e]}
dropdown
:
true
label
:
Async AutoComplete - Use [he]llo
minLength
:
2
placeholder
:
Type at least 2 characters
fluid
:
true
}
2
:
{
$formkit
:
primeAutoComplete
id
:
basic
name
:
id
dropdown
:
true
label
:
Object AutoComplete - Use [t]om
options
:
[
0
:
{
id
:
1
name
:
Tom
value
:
123
}
1
:
{
id
:
2
name
:
Tim
value
:
124
}
]
optionLabel
:
name
}
3
:
{
$formkit
:
primeAutoComplete
id
:
chips
name
:
chips
multiple
:
true
typeahead
:
false
label
:
Chips Replacement
}
]
{
id
:
{
id
:
1
name
:
Tom
value
:
123
}
slots
:
{
}
basic
:
undefined
async
:
undefined
chips
:
undefined
}
Base Attributes
disabled, readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled
PrimeVue Attributes
placeholder, multiple, typeahead, optionLabel, size, minLength, fluid
Formkit (1.6) - PrimeVue (4.2.x) - FormKit-PrimeVue-Version 2.9.7 - sfxcode 2024