What is KendoReact
Getting Started
Unstyled Mode
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chart Wizardnew
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Toolsupdated
- Date Inputs
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- - Overview
  - Getting Started
  - ActionSheet
  - AppBar
  - Avatar
  - BottomNavigation
  - Breadcrumb
  - Card
  - Drawerupdated
  - ExpansionPanel
  - GridLayout
  - Menu
  - - Overview
    - Context Menu
    - Data Binding
    - Items
    - Vertical Menu
    - Opening and Closing
    - Routing
    - Events
    - Accessibility
  - Context Menu
  - PanelBarupdated
  - Splitterupdated
  - StackLayout
  - TabStripupdated
  - Stepperupdated
  - TileLayout
  - Timeline
  - Globalization
  - API
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChart
- PDF Processing
- PDF Viewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheet
- 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