Files
oa/documentation/plugins/multiselect/multiselect-base-documentation.md
2025-05-24 01:49:48 +09:00

1.9 KiB

optionsSingle, state
optionsSingle state
batman
robin
joker
valueSingle
0

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>