VueJS roving tabindex mixin
A VueJS mixin for handling roving tabindex
Usage
Add v-navigation-list="<list-name>"
to elements, to create a roving tabindex for the elements with the same <list-name>
.
Example:
Element 1 Element 2 Element 3 Element 4 Element 5
In the example above there are two seperate roving tabindex lists (myList
and myOtherList
);
Modifiers
Note that the modifiers is applied to he whole list, not individual elements. But you should apply them to every element in the list for consistency.
Available modifiers
keepsorted
- Will keep the element list sorted based on the position of an element in the domnowrap
- Will prevent the tabindex
Example:
Licence
This librariy is licenced with the MIT Licence