Kbd

Keyboard shortcut hint.

Press ⌘ K to search

Install

npx shadcn@latest add https://plinth.dhrumilkherde.com/r/kbd.json

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

<Kbd>⇧</Kbd> <Kbd>Enter</Kbd>

Renders a semantic <kbd> element; accepts all its native props.

Uses the native kbd element, which screen readers announce as keyboard input.
Pair shortcut hints with the actual action being described in visible text; don't rely on the shortcut alone.

Avatar

Avatar with image loading, auto-initials fallback, five sizes, and grouping.

Label

Standalone label for controls used outside a Field.