Native Select

Wrapper around the native select element.

Examples

Default

Option 1Option 2Option 3

<script setup>
import {
  NativeSelect,
  NativeSelectOption,
  NativeSelectOptGroup
} from '@empathyds/vue'
</script>

<NativeSelect>
  <NativeSelectOption value="1">Option 1</NativeSelectOption>
  <NativeSelectOption value="2">Option 2</NativeSelectOption>
  <NativeSelectOption value="3">Option 3</NativeSelectOption>
</NativeSelect>

With Groups

Option 1Option 2Option 3Option 4

<script setup>
import {
  NativeSelect,
  NativeSelectOption,
  NativeSelectOptGroup
} from '@empathyds/vue'
</script>

<NativeSelect>
  <NativeSelectOptGroup label="Group 1">
    <NativeSelectOption value="1">Option 1</NativeSelectOption>
    <NativeSelectOption value="2">Option 2</NativeSelectOption>
  </NativeSelectOptGroup>
  <NativeSelectOptGroup label="Group 2">
    <NativeSelectOption value="3">Option 3</NativeSelectOption>
    <NativeSelectOption value="4">Option 4</NativeSelectOption>
  </NativeSelectOptGroup>
</NativeSelect>