Kbd

Render keyboard keys and shortcuts inline.

Show a key or shortcut the way a keyboard does: a small, raised cap that reads as press this, not as code.

Save with ⌘ S, or open the palette with Ctrl K.

Usage

Wrap each key in its own Kbd; combine several for a chord.

			<script>
	import { Kbd } from 'svelte-docsmith';
</script>

<p>Press <Kbd>Ctrl</Kbd> <Kbd>K</Kbd> to search.</p>

children Snippet

The key label to show.

Edit this page Last updated: Jul 12, 2026

Was this page helpful?