Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React kbd - Windows Key
Windows key Kbd component showing Win text in KbdGroup for Windows OS keyboard shortcuts built with shadcn/ui
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Windows users rely on Windows key shortcuts for system functions—documentation needs Win key display. This React pattern uses KbdGroup wrapping Kbd components showing Win text with second key for Windows-specific shortcuts like Win+R for Run dialog. Built with shadcn/ui Kbd component, it's perfect for Windows app documentation, system utility guides, productivity tool shortcuts, or any Windows-focused interface where Win key creates familiar PC experience for Windows users expecting platform-native shortcuts.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Mac Command Symbol
Mac Command key with ⌘ symbol
Platform-Aware Shortcut
Auto-detects Mac vs Windows for adaptive shortcuts
Mac Option Symbol
Mac Option key with ⌥ symbol
Keyboard Shortcuts
Multi-key shortcut combinations
Horizontal Arrow Keys
Grouped keyboard keys
Standard Kbd
Basic keyboard key display
Questions you might have
React kbd - Mac Option Symbol
Mac Option key Kbd component showing ⌥ symbol in KbdGroup for macOS Alt key shortcuts built with shadcn/ui
React kbd - Platform-Aware Shortcut
Platform-aware Kbd component using navigator.platform detection to show ⌘ on Mac or Ctrl on Windows for cross-platform keyboard shortcuts built with shadcn/ui