Componentform
Focus Trap
Pure TypeScript focus trapping helpers for accessible overlays: getFocusable and trapFocus.
Preview
Live Preview
Tab cycles inside
Installation
Tokens guide →Add to your project via CLI (zero dependencies, code you own):
npx bigbullui add focus-trapOr install the full npm package:
npm install bigbulluiUsage
import { trapFocus } from "@/components/ui/lib/focus-trap";
onKeyDown={(e) => { if (e.key === "Tab") trapFocus(containerRef.current, e.nativeEvent); }}Props
| Prop | Type | Description |
|---|---|---|
| container | HTMLElement | Trap boundary element (trapFocus arg, required). |
| event | KeyboardEvent | Native Tab key event (trapFocus arg, required). |