vue-select 2.3.0

🎉 First Full-Contributor Release!

on Node.js NPM

This is the first release of the component that has been written almost entirely by contributors, most of which are first-time contributors. Massive thanks to everyone in the community that contributed, then waited patiently for this release.

Your contributions are amazing, and greatly appreciated! Thank you!

New

Option Templating with Scoped Slots

<v-select>
    <template slot="selected-option" scope="option">
        <img :src="option.img" /> {{option.label}}
    </template>
    <template slot="option" scope="option">
        <img :src="option.img" /> {{option.label}}
    </template>
</v-select>

• Implemented by @edwindj in PR #202
• closes #193, #85
• created selected-option & option scoped slots

Accessibility

• added relevant aria-label attributes to improve component accessibility (#244)
• added input-id prop to allow setting an ID on the search input, allows focussing from labels (#129)
• RTL support with dir="rtl" (#274)
  • dir prop accepts rtl, ltr, defaults to auto

UI

• overhauled single select appearance (#171)

UX

• added close-on-select prop
  • boolean prop: when true, dropdown will close after selecting a value
• added disabled prop to disable user interactions when true

Fixes

• fixed longstanding issue where return keypress would bubble up and submit forms (#249)
  • Closes #179, #81

Changes

• multiple select dropdowns now close by default on the first selection