Skip to main content

Installation

npx shadcn-svelte@next add kbd

Usage

<script lang="ts">
  import * as Kbd from "$lib/components/ui/kbd/index.js";
</script>
<Kbd.Root>B</Kbd.Root>

Examples

Group

Use the Kbd.Group component to group keyboard keys together.

Button

Use the Kbd.Root component inside a Button component to display a keyboard key inside a button.

Tooltip

You can use the Kbd.Root component inside a Tooltip component to display a tooltip with a keyboard key.

Input Group

You can use the Kbd.Root component inside a InputGroup.Addon component to display a keyboard key inside an input group.

Build docs developers (and LLMs) love