VisorVisor
Hooks

useFocusTrap

Traps keyboard focus within the referenced element for accessible modals and dialogs.

Usage

const ref = useRef<HTMLDivElement>(null)
useFocusTrap(ref, isOpen)

Installation

npx visor add use-focus-trap

Parameters

NameTypeRequiredDefaultDescription
refRefObject<HTMLElement | null>Yes--Ref to the container element that traps focus.
enabledbooleanNotrueWhether the focus trap is active.

Returns

This hook does not return a value.