Skip to content

Guides

Task-oriented walkthroughs that combine the keys hooks into complete keyboard interaction patterns.

Pick the guide that matches the problem you are solving; each links to the hook pages it builds on.

Choose a guide

GuideSolvesPrimary hooks
ScopesIsolate keyboard handling so a dialog or overlay shadows page-level shortcuts while it is open.useScope, useKey
NavigationArrow-key movement, selection, and focus tracking across a list or tab bar.useNavigation, useScopedNavigation
Focus ZonesMulti-zone layouts where Tab and arrow keys move focus between regions, with the same key bound differently per zone.useFocusZone
Focus and ScrollFocus trapping, focus restoration, and scroll locking around modals and overlays.useFocusTrap, useFocusRestore, useScrollLock

Start with Scopes if you are wiring KeyboardProvider for the first time; otherwise jump to the guide for your interaction. For the per-hook API behind any pattern, see the hooks reference.