All Components
Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      MultiSelect / Keyboard navigation

      T-shirt Sizes

      Focus

      Closed popup:

      • left arrow highlights previous selected item
      • right arrow highlights next selected item
      • home highlights first selected item
      • end highlights last selected item
      • delete deletes highlighted item
      • backspace deletes previous selected item
      • down arrow opens the popup
      • esc clears all items

      Opened popup:

      • up arrow highlights previous item / closes the popup if no previous item
      • shift up arrow selects previous item
      • down arrow highlights next item
      • shift down arrow selects next item
      • home highlights first item in the popup
      • ctrl shift home selects items to the beginning
      • end highlights last item in the popup
      • ctrl shift end selects items to the end
      • page up scrolls the popup up
      • page down scrolls the popup down
      • enter selects highlighted item
      • ctrl space selects highlighted item
      • ctrl a selects all items
      • esc closes the popup
      • esc closes the popup

      ASP.NET Core source

      Also available for:

      • keyboard_navigation.cshtml
      • Keyboard_NavigationController.cs

      MultiSelect for other technologies