Components
Loading preview...
Pixel-art keyboard key indicator from 8bitcn.com — for shortcut hints and command palettes. Retro Press Start 2P glyph styling.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-kbd"use client";
import { Kbd, KbdGroup } from "@/components/ui/8bit-kbd";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<div className="flex flex-col items-center gap-6 retro text-foreground">
<div className="flex items-center gap-2 text-sm">
<span>Save</span>
<KbdGroup>
<Kbd>Ctrl</Kbd>
<span>+</span>
<Kbd>S</Kbd>
</KbdGroup>
</div>
<div className="flex items-center gap-2 text-sm">
<span>Quit</span>
<KbdGroup>
<Kbd>Ctrl</Kbd>
<span>+</span>
<Kbd>Q</Kbd>
</KbdGroup>
</div>
</div>
</div>
);
}