Components
Kbd
A keyboard key hint, e.g. for shortcuts.
Press ⌘K to open search, Esc to close.
Usage
With @flagon-io/ui installed (see Installation), import it directly.
import { Kbd } from "@flagon-io/ui";
<span>Press <Kbd>⌘K</Kbd> to search</span>Prefer to own the code?
You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.
npx shadcn@latest add https://ui.flagon.io/r/kbd.json