• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • 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

Navigation

Represents the KendoReact Navigation functionality. It handles the navigation through a collection of DOM elements.

NameTypeDefaultDescription

current

"null" | HTMLElement

Returns the focused DOM element from the navigation collection of DOM elements.

elements

HTMLElement[]

Returns the collection of DOM elements which the module will navigate in.

first

"null" | HTMLElement

Returns the first navigation DOM element.

last

"null" | HTMLElement

Returns the last navigation DOM element.

Constructors

Navigation

(options: NavigationOptions)

Parameters

options

NavigationOptions

Methods

focusElement

Focuses the passed element from the navigation collection of DOM elements.

Parameters

element

"null" | HTMLElement

previous

"null" | HTMLElement

focusNext

Focuses the next element from the navigation collection of DOM elements.

Parameters

target

HTMLElement

Returns

HTMLElement

focusPrevious

Focuses the previous element from the navigation collection of DOM elements.

Parameters

target

HTMLElement

Returns

HTMLElement

triggerKeyboardEvent

The keyboard events handler.

Parameters

ev

KeyboardEvent<HTMLElement>

options?

any

triggerMouseEvent

The mouse events handler.

Parameters

ev

MouseEvent<HTMLElement>