Merge pull request #11 from howard-tzw/feat/aria-label

Adds a customizable property for aria-label

Author: howard-tzw

docs/api/props.md

@@ -1,3 +1,16 @@
+## ariaLabel
+
+This value will be bound to the [aria-label
+HTML attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
+for the search input. Defaults to `Search for option`.
+
+```js
+ariaLabel: {
+    type: String,
+    default: 'Search for option'
+},
+```
+
 ## appendToBody <Badge text="v3.7.0+" />
 
 Append the dropdown element to the end of the body

src/components/Select.vue

@@ -12,7 +12,7 @@
       role="combobox"
       :aria-expanded="dropdownOpen.toString()"
       :aria-owns="`vs${uid}__listbox`"
-      aria-label="Search for option"
+      :aria-label="ariaLabel"
       v-click-outside="clickOutside"
       @mousedown="toggleDropdown($event)"
     >
@@ -246,6 +246,15 @@ export default {
       default: false,
     },
 
+    /**
+     * Sets the value of the 'aria-label' for the search `<input>`.
+     * @type {String}
+     */
+    ariaLabel: {
+      type: String,
+      default: 'Search for option',
+    },
+
     /**
      * Enable/disable filtering the options.
      * @type {Boolean}