Const
The FocusItem Directive
This is to be used within FocusLists. Add this to every element you want to traverse between using the arrow keys (see FocusList for more info). This directive adds an id for accessibility if there isn't one on the element already.
FocusList
Example:
<div v-focus-list="'horizontal'"> <button v-focus-item></button> <button v-focus-item></button> <button v-focus-item></button></div> Copy
<div v-focus-list="'horizontal'"> <button v-focus-item></button> <button v-focus-item></button> <button v-focus-item></button></div>
You can show the tooltips of truncated text when this is focussed by supplying the value 'show-truncate' to the directive.
The FocusItem Directive
This is to be used within
FocusLists. Add this to every element you want to traverse between using the arrow keys (see FocusList for more info). This directive adds an id for accessibility if there isn't one on the element already.Example:
You can show the tooltips of truncated text when this is focussed by supplying the value 'show-truncate' to the directive.