Kbd — React
Keyboard key styling for shortcuts (e.g. Ctrl+K)
Kbd
Keyboard key styling for shortcuts (e.g. Ctrl+K)
Same BEM classes and behavior as Astro, Svelte, and Vue.
Add this component
The command below includes <strong>Kbd</strong>—run it in your project directory to install this component (and the CSS if needed). No prompts.
Choose your package manager — click a tab to select, then copy the command.
npm pnpm yarn bun
npm 
pnpm 
yarn 
bun Live examples
React
Press Ctrl+K to open search.
Usage
Usage
Full example for each framework (Astro, Vanilla, Svelte, Vue, React). Switch framework via View as or by clicking a Usage tab—both stay in sync.
Astro Vanilla Svelte Vue React