Function useArrowKeysNavigation

  • Enables arrow keys navigation inside a container.

    Parameters

    • focusControls: null | FocusControls

      Focus controls that are used to move focus around. If null then arrow keys are disabled.

    • props: ArrowKeysNavigationProps = emptyObject

      Arrow keys props.

    Returns void

    const containerRef = useRef(null);
    const focusControls = useFocusScope(containerRef);

    useArrowKeysNavigation(focusControls);

    <div ref={containerRef}>
    <input/>
    </div>