Combobox
Default example
Pizza
Pasta
Fries
Rice
Beans
<BaseCombobox
options= "[
"Pizza",
"Pasta",
"Fries",
"Rice",
"Beans"
]"
v-model= "selectedFoods"
placeholder= "Selecteer gerechten..."
label= "Kies gerechten"
/>Properties
- optionsThe options for the combobox component
- v-modelModel value of the radio buttons
- placeholderThe placeholder for the combobox component
- labelThe label for the combobox component
Geavanceerd voorbeeld
👩💻
Alice Vancealice@example.com
👨💻
Bob Smithbob@example.com
🧑🚀
Charlie Dingcharlie@example.com
👩🎤
Diana Princediana@example.com
🕵️♂️
Ethan Huntethan@example.com
<BaseCombobox</BaseCombobox>
v-model= "userSelection"
:options= "userOptions"
item-key= "id"
search-key= "name"
placeholder= "Selecteer teamleden..."
label= "Kies Teamleden"
><template #selected-item = { item, remove }>
<div>
</template><span> {{ item.avatar }} </span>
<span> {{ item.name }} </span>
</div><template #combobox-item = { item }>
<div>
</template><span> {{ item.avatar }} </span>
<div>
</div><span> {{ item.name }} </span>
<span> {{ item.email }} </span>
</div>Properties
- v-modelModel value of the combobox
- optionsThe options for the combobox component
- item-keyThe key of each item to uniquely identify it
- search-keyThe key of each item to search on
- placeholderThe placeholder for the combobox component
- labelThe label for the combobox component