What is KendoReact
Getting Started
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilitiesupdated
- - Overview
  - Getting Started
  - Drag&Drop
  - Icon
  - SvgIcon
  - Typography
  - Keyboard Navigationnew
  - API
- Conversational UI
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editorupdated
- Excel Export
- File Saver
- Formupdated
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewerupdated
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Common Utilities / API / NavigationOptions /

NavigationOptions

Represents the Navigation options object.

Name	Type	Default	Description
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<HTMLElement>`		Sets the root DOM element used by the Navigation.
rovingTabIndex?	`boolean`		Configures if the roving tabIndex technique will be used in the Navigation.
selectors	`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.

Is this article helpful?

Thank you for your feedback!