Kbd — Vanilla

Keyboard key styling with vanilla HTML. Ensure Rizzo CSS is loaded.

Kbd

Use the kbd class on <kbd> or <span> for shortcut styling.

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
Live example

Ctrl+K to open search · Enter to submit

HTML

html html 
<kbd class="kbd">Ctrl</kbd>+<kbd class="kbd">K</kbd>
<span class="kbd">Enter</span>

Other frameworks: Astro · Svelte · Vue · React