Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Button with Kbd
A link-styled button with keyboard shortcut display showing command key combinations for power users
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
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.
Pattern created by @haydenbleasel