New to KendoReactLearn about KendoReact Free.

NavigationOptions

Represents the Navigation options object.

NameTypeDefaultDescription

focusClass?

string

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.

rovingTabIndex?

boolean

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.

Not finding the help you need?
Contact Support