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
- - Overview
  - Getting Started
  - ActionSheet
  - AppBar
  - Avatar
  - BottomNavigation
  - Breadcrumb
  - Card
  - Drawer
  - ExpansionPanel
  - GridLayout
  - Menu
  - - Overview
    - Context Menu
    - Data Binding
    - Items
    - Vertical Menu
    - Opening and Closing
    - Routing
    - Keyboard Navigation
    - Events
    - Accessibility
  - Context Menu
  - PanelBar
  - Splitter
  - StackLayout
  - TabStrip
  - Stepper
  - TileLayoutupdated
  - Timeline
  - Globalization
  - API
- ListBoxupdated
- 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

Components / Layout / Menu / Routing /

Routing

You can use the Menu as a navigational component by wiring it with any router library.

Set the data property of each Menu item to the corresponding route path.
Upon the selection of a Menu item, read the route path from the data property and push it to props.history.
The component that is passed through props.children corresponds to the new route path.

Example

View Source

Change Theme:

Suggested Links

Opening and Closing

Keyboard Navigation

Is this article helpful?

Thank you for your feedback!