Shadcn.io is not affiliated with official shadcn/ui
Windows Key
Windows key Kbd component showing Win text in KbdGroup for Windows OS keyboard shortcuts built with shadcn/ui
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.
Windows Key preview
Installation
Related Components
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
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Active State
A React keyboard shortcut showing active/pressed key state with bg-primary styling using shadcn/ui Kbd component to indicate currently pressed keys