oa/documentation/elements/forms/select/select-base-documentation.md

state

state
input

VSelect

Vuero provides elegant form controls with minimum styling. VSelect accept all attributes that <select> accepts. Always wrap your inputs inside a <VField /> and a <VControl /> to build forms quickly and efficiently.

<script setup lang="ts">

const input = ref('')
</script>

<template>
  <VField>
    <VControl>
      <VSelect v-model="input">
        <VOption value="">
          Select a Hero
        </VOption>
        <VOption value="Superman">
          Superman
        </VOption>
        <VOption value="Batman">
          Batman
        </VOption>
        <VOption value="Spiderman">
          Spiderman
        </VOption>
        <VOption value="Deadpool">
          Deadpool
        </VOption>
        <VOption value="Spawn">
          Spawn
        </VOption>
        <VOption value="Galactus">
          Galactus
        </VOption>
      </VSelect>
    </VControl>
  </VField>
</template>

Select a Hero Superman Batman Spiderman Deadpool Spawn Galactus