Hooks

useFocusTrap

Publisher

cermuel

50 hooks published

More from this publisher

useFocusTrap

Keep keyboard focus inside an overlay.

useFocusTrap.tsx
import { useRef } from "react";import { useFocusTrap } from "@cermuel/hooks/react";export function useFocusTrapExample() {  const target = useRef<HTMLDivElement>(null);  useFocusTrap(target, true);  return <div ref={target} tabIndex={-1}>Dialog</div>;}

Props

Param
Type
Default Value
target
MaybeTarget<T>
active?
boolean
true

Returns

void