Kbd

A keyboard key indicator displays keyboard shortcuts.

Installation

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/kbd

import { Kbd } from "@/components/ui/kbd";

<Kbd>⌘</Kbd> + <Kbd>K</Kbd>;

No examples yet.

Missing description.

Prop	Type	Default
	`union`	`—`
	`string`	`—`
	`DOMRenderFunction<"kbd", undefined>`	`—`

Last updated on 6/4/2026