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
:
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
}
2
:
{
$formkit
:
primeAutoComplete
id
:
chips
name
:
chips
multiple
:
true
typeahead
:
false
label
:
Chips Replacement
}
]
{
id
:
{
id
:
1
name
:
Tom
value
:
123
}
slots
:
{
}
basic
:
undefined
chips
:
undefined
}
Base Attributes
disabled, readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled
PrimeVue Attributes
placeholder, separator, allowDuplicate, max, addOnBlur
Formkit (1.6) - PrimeVue (4.2.x) - FormKit-PrimeVue-Version 2.8.2 - sfxcode 2024