Introduction
Vue Pick is an accessible select component library for Vue 2.7 and Vue 3. It ships two components with a shared API, slots, and props across both Vue versions — so migrating from Vue 2 to Vue 3 is a single import path change.
Zero runtime dependencies. CSS custom properties for theming. Built for accessibility, forms, and production use.
Components
| Component | Status | Description |
|---|---|---|
VPickNative | Available | A styled wrapper around the native <select> element |
VPick | Available (Vue 3) | A custom dropdown with keyboard navigation and group labels |
VPickis Vue 3 only in the current release. A Vue 2 port is coming in the next version.VPickNativeis available for both Vue 2.7 and Vue 3.
Which one should I use?
Use VPickNative when you want native browser behaviour, better mobile UX, and simpler integration. The browser handles the dropdown, keyboard, and accessibility for you.
Use VPick when you need custom styling of the dropdown panel, group labels with separators, or control over how individual options render.
Next steps
- Installation — install the package and import the stylesheet
- Theming — customize with CSS variables
- VPickNative — full API reference
- VPick — full API reference