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

MultiSelect - KeyBoard Navigation

  • Keyboard-navigation.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

Focus

  • Alt + W focuses the first component in the example

Supported keys and user actions

  • Alt + Down opens the popup element when the component is focused.
  • Alt + Up closes the popup element if it is open.
  • Esc closes the popup element if it is open. If it is not open, clears the input value.
  • Up arrow focuses the previous item in the list.
  • Down arrow focuses the next item in the list.
  • Left arrow focuses the previous selected tag in the tag list.
  • Right arrow focuses the next selected tag in the tag list.
  • Home focuses the first item in the list.
  • End focuses the last item in the list.
  • Enter selects the currently focused item, or closes the popup if already selected
  • Backspace or Delete removes the focused tag from the selection.
  • Printable character opens the popup element when the component is focused, focuses the first matching option.

Support & Learning Resources

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