mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 02:22:22 +09:00
1.9 KiB
1.9 KiB
optionsSingle, state
| optionsSingle | state | |||||
|---|---|---|---|---|---|---|
|
|
Single Select
Vuero is integrated with Vue Multiselect, a vue 3 select single, multiple and
tags input library. You can check the plugin documentation on
Github. You can change the
<Multiselect /> component radius by adding the is-curved or is-rounded
class to the parent <VField /> component.
<script setup lang="ts">
const valueSingle = 0
const optionsSingle = ['Batman', 'Robin', 'Joker']
</script>
<template>
<VField v-slot="{ id }" class="is-curved-select">
<VControl>
<Multiselect
v-model="valueSingle"
:attrs="{ id }"
:options="optionsSingle"
placeholder="Select an option"
/>
</VControl>
</VField>
</template>