Shadcn.io is not affiliated with official shadcn/ui
Button with Kbd
A link-styled button with keyboard shortcut display showing command key combinations for power users
Power users love shortcuts. This React link button combines shadcn/ui's minimal link variant with the Kbd component displaying keyboard commands like ⌘K or Ctrl+S. Built with gap-2 spacing maintaining subtle styling while surfacing discoverability, it creates educational inline action patterns. Perfect for "Search ⌘K" in command palettes, "Save Ctrl+S" in editor toolbars, or "Open Settings ⌘," in application menus—the keyboard hint teaches efficient navigation while preserving link button's unobtrusive visual weight.
Button with Kbd preview
Installation
Related Components
Standard Link
Basic link without keyboard hint
Link with Icon
Icon-enhanced link button
Primary with Kbd
Keyboard shortcut on filled button
Outline with Kbd
Keyboard shortcut on bordered button
Standard Kbd
Standalone keyboard shortcut display
Link with Count
Link button with badge
FAQ
Was this page helpful?
Sign in to leave feedback.