Function useRovingFocus

useRovingFocus(props: RovingFocusProps): undefined

Beta

This hook handles focus with the keyboard arrows.

Parameters

props: RovingFocusProps

Returns undefined

See

Roving focus definition

Example

function MyComponent() {
  const [rootElement, setRootElement] = setRootElement(null)

  useRovingFocus({
    rootElement: rootElement,
  })

  return (
    <div ref={setRootElement}>
      <button>Button</button>
      <button>Button</button>
      <button>Button</button>
    </div>
  )
}

Hidden