{"library":"focus-trap-vue","type":"library","category":null,"description":"focus-trap-vue is a Vue component designed to enhance web accessibility by programmatically trapping keyboard focus within a specified DOM element. This is crucial for UI patterns like modals, dialogs, and sidebars, preventing users of assistive technologies from accidentally tabbing out of the active context. The current stable version is 4.1.0, last published in August 2025, with regular patch and minor releases, indicating active maintenance and a stable API. It acts as a Vue-specific wrapper around the robust `focus-trap` library, inheriting its extensive focus management capabilities. Key differentiators include its seamless integration into Vue applications, support for both Vue 2 (via `@legacy` package) and Vue 3, and flexible control mechanisms via `active` prop, `v-model:active`, or direct method calls, while enforcing best practices for accessibility by leveraging its underlying peer dependency.","language":"javascript","status":"active","version":"4.1.0","tags":["javascript","focus","trap","a11y","accessibility","modal","component","block","lock","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install focus-trap-vue","imports":["import { FocusTrap } from 'focus-trap-vue';","import type { FocusTrapTabbableOptions } from 'focus-trap-vue';"]},{"cmd":"yarn add focus-trap-vue","imports":[]},{"cmd":"pnpm add focus-trap-vue","imports":[]}],"homepage":null,"github":"https://github.com/posva/focus-trap-vue","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/focus-trap-vue","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/focus-trap-vue/compatibility"}}