useRovingFocus
Give a group of controls a single Tab stop and move between them with the arrow keys, Home and End. Use it for toolbars, menus, listboxes and grids, as the ARIA patterns expect.
- Level
- Advanced
- Since
- v2.1.0
import {useRovingFocus} 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.