Yet another Vue.js component for better accessibility that helps you trap focus within elements.
Basic usage:
1. Import the component.
import Vue from 'vue' import VueFocusLoop from '@vue-a11y/focus-loop'
2. Register the component.
// globally Vue.use(VueFocusLoop) // locally import { FocusLoop } from '@vue-a11y/focus-loop' export default { components: { FocusLoop } }
3. Wrap your element in the <FocusLoop>
component.
<FocusLoop> ... </FocusLoop>
4. Disable the focus trap.
<FocusLoop disabled> ... </FocusLoop>
Preview:
Changelog:
05/05/2021
- v0.2.0
Download Details:
Author: vue-a11y
Live Demo: https://vue-focus-loop.surge.sh/
Download Link: https://github.com/vue-a11y/vue-focus-loop/archive/master.zip
Official Website: https://github.com/vue-a11y/vue-focus-loop
Install & Download: