Keyboard Navigation - DropDownButton - Kendo UI for Angular

Components
- Barcodes
- Buttonsupdated
- - Overview
  - Getting Started
  - Buttonupdated
  - ButtonGroup
  - Chipupdated
  - ChipList
  - DropDownButtonupdated
  - FloatingActionButtonupdated
  - SplitButtonupdated
  - Globalization
  - API
- Charts
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editorupdated
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Iconsupdated
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Mapbeta
- Menusupdated
- Navigationupdated
- Notification
- Pagerupdated
- PDF Export
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollViewupdated
- Sortableupdated
- ToolBarupdated
- Tooltipsupdated
- TreeList
- TreeView
- Typography
- Uploadsupdated
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Buttons / DropDownButton / Keyboard Navigation /

New to Kendo UI for Angular? Start a free 30-day trial

The keyboard navigation of the DropDownButton is always available.

The DropDownButton supports the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
`Enter` & `Space`	Opens the popup, or activates the highlighted item and closes the popup.
`Alt`+`Down Arrow`	Opens the popup.
`Alt`+`Up Arrow`	Closes the popup.
`Esc`	Closes the popup.
`Up Arrow` & `Left Arrow`	Sets the focus on the previously available item.
`Down Arrow` & `Right Arrow`	Sets the focus on the next available item.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!