1.1.0 • Published 8 years ago

boundless-arrow-key-navigation v1.1.0

Weekly downloads
23,289
License
MIT
Repository
github
Last release
8 years ago

THIS IS AN AUTOGENERATED FILE. EDIT INDEX.JS INSTEAD.

ArrowKeyNavigation

A higher-order component for arrow key navigation on a grouping of children.

ArrowKeyNavigation is designed not to care about the component types it is wrapping. Due to this, you can pass whatever HTML tag you like into props.component or even a React component you've made elsewhere. Additional props passed to <ArrowKeyNavigation ...> will be forwarded on to the component or HTML tag name you've supplied.

The children, similarly, can be any type of component.

Props

Note: only top-level props are in the README, for the full list check out the website.

Required Props

There are no required props.

Optional Props

ModeKeys
ArrowKeyNavigation.mode.BOTH⬅️ ➡️ ⬆️ ⬇️
ArrowKeyNavigation.mode.HORIZONTAL⬅️ ➡️
ArrowKeyNavigation.mode.VERTICAL⬆️ ⬇️

Note: focus loops when arrowing past one of the boundaries; tabbing moves the user away from the list.

</tr>