New to KendoReactStart a free 30-day trial

Represents the Navigation options object.

Definition

Package:@progress/kendo-react-common

Properties

Sets a class to the current focused element.

focusOptions?

FocusOptions

Sets the options of the focus methods that is used. Defaults to { preventScroll: true }.

keyboardEvents?

{ [type: string]: { [key: string]: (target: HTMLElement, nav: Navigation, ev: React.KeyboardEvent​<HTMLElement>) => void } }

Sets the keyboard events handlers.

mouseEvents?

{ [type: string]: (target: HTMLElement, nav: Navigation, ev: React.MouseEvent​<HTMLElement>) => void }

Sets the mouse events handlers.

root

RefObject​<null | HTMLElement>

Sets the root DOM element used by the Navigation.

Configures if the roving tabIndex technique will be used in the Navigation. Defaults to true.

selectors

string[] | string[][]

Sets the CSS selectors used by the Navigation. The navigation DOM elements will be queried using the selectors. Make sure their order matches the navigating order.

tabIndex

number

Sets the tabIndex used by the Navigation.