shadcn.io is not affiliated with official shadcn/ui
Kbd examples · Platform Specific
Windows Key Kbd for React
The Windows key and R grouped as the Win R shortcut.
Windows system shortcuts start with the Windows key. This React example writes it as Win and groups it with R in a KbdGroup: Win R opens the Run dialog. Use it in setup guides and support articles for Windows users.
Preview
Installation
FAQ
Should I show Win or the Windows logo?
The word is clear and needs no icon; it's what most documentation uses. The logo is a trademark and has no standard character, so drawing it means adding an image or a brand icon.
Which Windows key shortcuts are worth documenting?
Win R for Run, Win E for File Explorer, Win D for the desktop, Win L to lock, Win Shift S for a screenshot and Win period for emoji. Web apps can't use these, so they belong in setup and support guides.
Is the Windows key the same as Super on Linux?
Yes, it's the same key; Linux desktops call it Super and use it for their own shortcuts, like opening the activities overview.
What is the Mac equivalent of the Windows key?
It sits where ⌘ sits, but the shortcuts differ: Win L to lock is ⌃⌘Q on Mac, and Spotlight with ⌘Space replaces the Start menu search.
Related
- Mac Command Symbol KbdThe Mac Command symbol and K grouped as
- Platform-Aware Shortcut KbdA shortcut that reads ⌘K on Apple devices
- Mac Option Symbol KbdThe Mac Option symbol and Tab grouped as
- Modifier Keys KbdThe Shift, Ctrl and Alt modifier keys in
- Mac Control Symbol KbdThe Mac Control symbol and Space grouped
- Arrow Keys Cross Pattern KbdFour arrow keys in the inverted T of a