Kbd

Displays a keyboard key or shortcut.

Press ⌘ K to open search

Installation

npx lily-svelte@latest add kbd

Installs the style saved in lily.json. For a new Diamond project, run lily-svelte init --style diamond first.

Install the lily base and `utils` (run once per project).

npx lily-svelte@latest init

Copy the kbd source from the registry into `$lib/components/ui/kbd`.

Usage

<script lang="ts">
	import { Kbd } from '$lib/components/ui/kbd';
</script>
 
Press <Kbd>⌘</Kbd> <Kbd>K</Kbd> to search

← Input OTP Label →