Trap Focus In An Element – vue-focus-loop


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
// locally
import { FocusLoop } from '@vue-a11y/focus-loop'
export default {
  components: {

3. Wrap your element in the <FocusLoop> component.


4. Disable the focus trap.

<FocusLoop disabled>


Trap Focus In An Element - vue-focus-loop

Download Details:

Author: vue-a11y

Live Demo:

Download Link:

Official Website:

Install & Download:

You Might Be Interested In:

Add Comment