New to Telerik UI for Blazor? Download Free 30-day trial

Panel Bar - Keyboard Navigation

Focus

  • Alt + W focuses the first component in the example

Supported keys and user actions

  • Up arrow goes to the previous panel bar item. If no previous item is available, focuses the last item.
  • Down arrow goes to the next panel bar item. If no next item is available, focuses the first item.
  • Right arrow expands a collapsed item. If the item is expanded, focus is moved to its first child node.
  • Left arrow collapses an expanded item. If the item is collapsed, focus is moved to its parent.
  • Home moves focus to the first item in the panel bar without opening or closing an item.
  • End moves focus to the last item in the panel bar that is focusable without opening an item.
  • Enter & Space selects the focused item and toggles the item if it is expandable. It also triggers its action (click or opening url).

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload