A menu for switching between applications and platforms.

Note

The component uses Scrollbar, so its dependencies must be installed:

npm install overlayscrollbars@2.7.3

When the system has multiple platforms, the applications of the selected platform are shown at the top of the list and the platform name is displayed. Other platforms are collapsed at the bottom of the list. 4 or more applications of the same type within a platform are grouped together. The main platform is marked with a badge.

Search appears when more than 7 applications are available. Results are displayed as a flat list.

The list of applications can be operated entirely from the keyboard.

Key
Action
↑ / ↓ Move focus to the previous/next item.
Home / End Move focus to the first/last item.
→ Expand an application group, or open the flyout of another platform.
← Collapse a group, move from an alias to its group, or close a platform flyout.
Enter / Space Open the focused application, or expand/collapse a group.
Esc Close the switcher.

Typing the first letters of an item jumps to it. When search is available, ↓ moves focus from the search field into the list, and ↑ on the first item returns focus to the search field.

Suggestions for improvement
If you found a mistake or want to improve the article, create an issue on GitHub.