Theme

npm_versionnpm Paragon package page

useArrowKeyNavigation adds arrow key navigation through any component.

Basic Usage

To enable item navigation using the arrow keyboard specifies the CSS selectors string that indicates to which elements the user can navigate.

Any Paragon component or export may be added to the code example.

Ignored arrow keys

To disable listening for keystrokes, use ignoreKeys to add ignored keys to the array. For example, you have the ability to navigate through the inputs using the arrowUp and arrowDown keys; the arrowUp and arrowLeft keys can be ignored for convenient editing of the text in the inputs.

Any Paragon component or export may be added to the code example.