Features

• Same API across Vue 2.7 and Vue 3
• Native <select> wrapper and custom dropdown
• Full keyboard navigation and ARIA support
• CSS custom properties for theming
• Zero runtime dependencies

Quick start

npm install vue-pick

import "vue-pick/style.css"

<script setup>
import { ref } from "vue"
import { VPickNative } from "vue-pick"

const selected = ref(null)
const options = [
  { label: "Todo", value: "todo" },
  { label: "In Progress", value: "in-progress" },
  { label: "Done", value: "done" },
]
</script>

<template>
  <VPickNative
    v-model="selected"
    :options="options"
    placeholder="Select status"
  />
</template>

For Vue 2.7, change the import path to vue-pick/vue2.

Documentation

Full docs, live examples, and API reference at vue-pick.js.org.

License

MIT