useFocusTrap
Keep keyboard focus inside a container while it is active, and give focus back when it closes. Use it for modal dialogs, drawers and menus.
- Level
- Advanced
- Since
- v2.1.0
import {useFocusTrap} from '@zenuilabs/react-hooks';Loading demo_
More in Interaction
InteractionAdvanceduseDraggableDrag an element with mouse, touch or pen, with axis locking, bounds and grid snapping. Arrow keys move the focused element, so dragging also works from the keyboard.InteractionIntermediateuseDropTurn an element into a drop target for files, text or links. Use it when you want to accept any kind of dragged content.InteractionIntermediateuseDropAreaTurn an element into a drop zone for files, with optional type filtering. Use it for upload areas.